title: Jquery trying to work with dynamic id's with onclick event
body: <p>The problem I'm having is that when I click on the LIKE div it opens all textboxes</p>
  
  <p>It needs to display only the one textbox on the click event.</p>
  
  <p>Here is the example html:</p>
  
  <pre><code>&lt;div id="sublike-1"&gt;Like&lt;/div&gt;
  &lt;div id="sublike-form-1"&gt;&lt;input type="text" /&gt; Save&lt;/div&gt;
  
  &lt;div id="sublike-2"&gt;Like&lt;/div&gt;
  &lt;div id="sublike-form-2"&gt;&lt;input type="text" /&gt; Save&lt;/div&gt;
  
  &lt;div id="sublike-3"&gt;Like&lt;/div&gt;
  &lt;div id="sublike-form-3"&gt;&lt;input type="text" /&gt; Save&lt;/div&gt;
  </code></pre>
  
  <p>My Jquery:</p>
  
  <pre><code>// Display Sub Like form
  $(this).find("div[id^='sublike-']").live('click', function(){
   $("div").find("div[id^='sublike-form-']").toggle();
  });
  </code></pre>
  
  <p>What can I do so that it does not open both textboxes at the same time, must I change my html div's, my jquery or both?</p>
  
  <p>Thanks</p>