title: Jquery checkboxes inside div
body: <p>I have the current situation:</p>
  
  <pre><code>&lt;div id="2"&gt;
      &lt;div class="row"&gt;
         &lt;input type="checkbox" name="itemCheckbox_1"&gt;
         &lt;input type="checkbox" name="itemCheckbox_1"&gt;
         &lt;button id="uncheckAllItem"&gt;
         &lt;button id="checkAllItem"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="3"&gt;
      &lt;div class="row"&gt;
         &lt;input type="checkbox" name="itemCheckbox_1"&gt;
         &lt;input type="checkbox" name="itemCheckbox_1"&gt;
         &lt;button id="uncheckAllItem"&gt;
         &lt;button id="checkAllItem"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Each div with class row has 2 buttons select all and delete all. When I click on delete all button of the div with id 2, then all the checkboxes within this div must be unchecked. The same happens to the checkboxes of the div with id 3. Here is my code:</p>
  
  <pre><code>$('#uncheckAllItem').click(function() {
     $('#' + &lt;?php echo $model-&gt;id ?&gt; + ' input[name^=itemCheckBox]').attr('checked', false);
     return false;
  });
  </code></pre>
  
  <p>The problem is that this code is unchecking/checking all the checkboxes both in div id 2 and div id 3. What's wrong with it?</p>