title: jquery hide / show for knockout foreach loop
body: <p>inside foreach loop i have my content ...</p>
  
  <pre><code>                    &lt;div foreach:"data"&gt;
               &lt;input type="image" id="hideshow" src="/Images/aud_down-arrow.gif" /&gt;    
             &lt;div id="content"&gt; 
           &lt;textarea data-bind="text:valueoftext" rows='5' cols='60'&gt;&lt;/textarea&gt;
  
          &lt;/div&gt;&lt;/div&gt;
       jQuery(document).ready(function ()     {    
      jQuery('#hideshow').live('click', function (event)     {    
          jQuery('#content').toggle('show');
             });    
  });
  </code></pre>
  
  <p>Currently it creats the text boxes but only the first text box hide/show... Rest all textboxes in the loop dont work. </p>
  
  <p>Any advice on how to make this work will be great.</p>