title: input text reloads with interval
body: <p>Hi I am having trouble with a div that I reload every 15 seconds with PHP and ajax. It is working fine but the only thing I would like to know is if it is possible to load an input text and when the interval refresh the div not to refresh the input text as sometimes when you are writing in the input it just reloads and you have to write again.</p>
  
  <p>here is some part of the code: 
  File 1 where I load the content into a div by ajax:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;// &lt;![CDATA[
  $(document).ready(function() {
  $.ajaxSetup({ cache: false }); // This part addresses an IE bug.  without it, IE will only load the first number and will never refresh
  setInterval(function() {
  $('#precio').load('valoractual.php');
  }, 15000); // the "3000" here refers to the time to refresh the div.  it is in milliseconds. 
  });
  // ]]&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here is the form that reloads:</p>
  
  <pre><code> &lt;p&gt;Current Bid:  &lt;?php echo "USD ".$puja; ?&gt;&lt;/p&gt;
                                                &lt;p&gt;&lt;form id="bid" name="bid"&gt; 
                                                &lt;input type="text" name="puja" placeholder="&lt;?php $sobrepujar = $puja + 500; echo $sobrepujar; ?&gt;" id="puja" size="14" /&gt;&lt;input type="hidden" id="usuario" value="&lt;?php echo $_SESSION['idusuario']; ?&gt;" /&gt;&lt;input type="hidden" id="valoractual" value="&lt;?php echo $puja; ?&gt;" /&gt;&lt;input type="hidden" id="idpuja" value="&lt;?php echo $idpuja; ?&gt;" /&gt; &lt;input type="button" id="submit" value="B I D"/&gt;
                &lt;/form&gt;
  </code></pre>
  
  <p>Thanks in advanced!</p>