title: Why does this work in Chrome but not firefox?
body: <pre><code>function fill (colname) {
      var numRows, i, toCopy, iterated_name;
  
      numRows = document.getElementById('malesTable').rows.length + document.getElementById('femalesTable').rows.length - 2;
      //gets number of rows, subtracts two for header rows(male and female)
      toCopy = document.getElementById(colname.id).value;
      i = 1;
      //iterate over id's and input values
      for (i; i &lt;= numRows; i++){
      iterated_name = colname.id + "_" + i;
      document.getElementById(iterated_name).value = toCopy;
      }
  }
  </code></pre>
  
  <p>It will work in chrome to autofill many fields, however it doesn't in firefox.  Why?</p>
  
  <p>To clarify when inputs are put into the autofill box, it doesn't copy the fields over as intended.</p>
  
  <p>Here's the jsfiddle</p>
  
  <p><a href="http://jsfiddle.net/hopup/tfEQM" rel="nofollow">http://jsfiddle.net/hopup/tfEQM</a></p>