title: How to make more than one div appear using jQuery
body: <p>I feel I am very close to finishing this.  I have a form with an "Add Children" button that when pressed will make a div show.  The form has 15 divs hidden (#child1 - #child15). I have it working to show only the first row (#child1).</p>
  
  <p>My problem is that when the button is pressed again, the next row (#child2, #child3, etc...) should appear and I am not sure how to get it to show.  I tried putting in the counter but I am new to jQuery and any help would be very much appreciated.  I don't expect this to be a difficult issue, just one that is eluding my novice ability.</p>
  
  <p>Here is the jQuery.  If i need to edit or add more code to help the question please let me know.  Thanks in advance!</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var counter=0
  
  $(document).ready(function() {
      $('#addChildren').click(function() {
          $('#child1').show(function() {
          counter++
          });
        });
      });
  &lt;/script&gt;
  </code></pre>