Pasa que este codigo :
Cita: <script type="text/javascript">
$('a.media').media();
</script>
Se ejecuta antes que el html. Es decir, un navegador lee de arriba hacia abajo. Por lo tanto, tenes que encapsular el codigo en document.ready, para que se ejecute recién al terminar de leer el documento:
Cita: <script type="text/javascript">
$(document).ready(function(){
// codigo.
})
</script>