Gracias a los 3 por su ayuda. Al final con lo que me dijo stramin y pollin14 llegué a la solución.
Cita:
Iniciado por pollin14 
La funcion $(document).ready(function() solo se ejecuta una vez cuando la pagina este completamente cargada. Ahora, $("#myController") no deberia tener nada dentro ya que su contenido sera cargado DESPUES de que la pagina sea cargada completamente. Por eso no funciona.
Cargue las librerias en el index y la pura función me la traje junto con el html ya que como me explicó pollin 14 no funciona si la cargo desde el index.
Y pues me traje solo esa parte del script como lo dijo stramin:
Cita:
Iniciado por stramin Es normal, es por que lo que hace ajax es guardar el contenido de la página en una variable y luego escribe el contenido de esa variable en el documento, por lo tanto los scripts se convierten en solo texto.
por eso lo que se hace es usar esa función que te he puesto más arriba, o sea esta:
if (GET_xmlhttp.responseText.indexOf("<script>") > -1) {
var x = GET_xmlhttp.responseText.indexOf("<script>") + "<script>".length;
var y = GET_xmlhttp.responseText.indexOf("</script>") - x;
eval(GET_xmlhttp.responseText.substr(x, y));
}
dentro de la función ajax y despues del envío del contenido al documento, para que funcione, además debes cambiar este tag:
<script type="text/javascript">
por este:
<script>
y todo funcionará normalmente.
Creí que si cargaba todo en el index no tenia que haber problema. Bueno gracias por su ayuda y su tiempo.