title: get html array elements with jquery
body: <p>i have an HTML array;</p>
  
  <pre><code>&lt;input class="input_box" name="authors[]" id="author1"/&gt;
  </code></pre>
  
  <p>what i want to do is, get the value of this array an display without refreshing the page, (i do display the value just next to the input field, in an independent <code>div</code>)</p>
  
  <pre><code>$(document).ready(function(){    
  $("input[id^="author"]").change(update);
  });
      function update(){ 
      var authors=new Array();
      $("input[id^="author"]").each(function(){authors.push($(this).text()) }); 
      var author= '"' + authors.join('", "') + '"';
  
      $('#val-authors').html('authors:&lt;span class="red"&gt; "'+author+'"&lt;/span&gt;');}
  </code></pre>
  
  <p>only thing i see in <code>&lt;div id="val-authors"&gt;</code> is, <code>"",</code></p>
  
  <p>what am i missing?</p>
  
  <p>thanks in advance..</p>