title: Textbox should be visible if corresponding checkbox checked
body: <p>I have a list of textboxes and checkboxes corresponding to it. I want to make only those textboxes visible whose checkboxes have been checked by the user. How can I do this?</p>
  
  <pre><code>&lt;input type="text" name="album_text[]" id="album_text" class="album_text"  /&gt;
  &lt;input type="text" name="album_text[]" id="album_text" class="album_text"   /&gt;
  &lt;input type="text" name="album_text[]" id="album_text" class="album_text"  /&gt;
  
  &lt;input name="album_checkbox[]" type="checkbox" id="album_checkbox" value="' . $res. '"&gt;
  &lt;input name="album_checkbox[]" type="checkbox" id="album_checkbox" value="' . $res. '"&gt;
  &lt;input name="album_checkbox[]" type="checkbox" id="album_checkbox" value="' . $res. '"&gt;
  </code></pre>
  
  <p>Right now, on the click of the update button, all textboxes become visible regardless of the checkbox:</p>
  
  <pre><code>$("#album_edit").click(function() {
  
  
                      $(".album_text").show();
  
  
  
          }); 
  </code></pre>
  
  <p><strong>EDIT:</strong> The texboxes and the checkboxes are generated dynamically at runtime.</p>