title: getting the value of dynamically created textbox using jquery
body: <p>I'm having a hard time with getting the value of my dynamically appended textboxes. I'm using the <code>$.each</code> function to iterate all of the textboxes according to its <code>id</code> and index within the <code>id</code>.</p>
  
  <pre><code>&lt;input type="text"  id="student_grde_G[1]" &gt;
  &lt;input type="text"  id="student_grde_G[2]" &gt;
  &lt;input type="text"  id="student_grde_G[3]" &gt;
  
  &lt;input type="button" id="save_grade_button" class="button" value="Save Grades"&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$('#save_grade_button').click(function (){
      $.each($('#student_grde_G[]'), function(i, item) {
          var grade =  $('#student_grde_G['+i+']').val();
          alert(grade);
      });
  });
  </code></pre>
  
  <p>This doesn't work. Can anyone tell me how I can fix this?</p>