How to open the page inside the div and make the inputs of this internal page work?

Question

I made a page index calling another page inside the div. But I came across a simple problem: the page appears inside the div of the page index, where I have with search field, only that by clicking the button or the one enter in the field, does not load the function. I made a test with this page that calls inside the div separate and the inputs carry, but calling her inside the div index page not load function.

My code is below:

//esse javascript é o que chama a pagina dentro da <div>
<script>
function display_c(){
    setInterval('getInfo()',30000);
}
function getInfo(){
    var xmlhttp;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("conteudo").innerHTML = xmlhttp.responseText;
        }
    };
    xmlhttp.open("GET", "MRB_Dados.php?op=<?php echo $op;?>", true);
    xmlhttp.send();
}

$.post('MRB.php',function(html){
    $('#coteudo').html(html);
});
</script>

//aqui é a <div> que vai receber a pagina.

<div id="conteudo"></div>

//e esse é os inputs que eu chamo da outra pagina que vai aparecer dentro da <div>.

<section>
   <table border="0" align="center">
       <tr>
        <td width="300">
          <input type="search" placeholder="" id="bs-prod"/>
            <input type="hidden" name="str" id="str" value="aqm"/>
              <input type="hidden" name="str" id="str" value="aqm"/></td>
         <td>
         &nbsp;<input class="btn btn-danger" type="submit" value=" Pesquisar ">
                <input type="hidden" name="pesquisar" value="sim">
       </td>
     </tr>
   </table>
 </section>