Javascript is not executing while loading a php page2 into page1 via ajax -

i beginner php , javascript. facing issue i've page page1 has 2 input fields , button(go).while clicking 'go' page2 populates on same page (page1) has data table. trying implement js on table js scripts not executing. (if have data table in single page works upper scenario not).

page1(main page having inputs , button)

<script src="../javascript/file_history.js"></script> <input name="advance_search" type="text" id="advance_search" size="26"  />  <input  name="button" type="button" onclick="showfilehistory()" value="go"  /> 

the other page having data table on ajax call through js

 <script src="../javascript/file_history.js"></script> <script type="text/javascript" src="../javascript/gs_sortable.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">   </script> <script type="text/javascript">     var tsort_data = new array('tbl_filemgtview','s', 'i','f');      tsregister();      alert('this should pop up');          </script>       <table id="tbl_filemgtview">     <thead id="thead"> <tr class="viewpage_heading">       <th>table heads </th></tr>        </thead></table> 

what should there? or way of executing script tags getting pass in page 2?

possibly because elements not in dom , when click on button elements manipulate dom events firing like

$("#test").click(function(){ // }); 

wont work, make work need use

$(document).on("click", "#test", function(){ // }); 

it better if provide code or jsfiddle