jquery .find() not working
<p>This code should clear the checkboxes when I click the button. It works if I remove the <code>&lt;form&gt;&lt;/form&gt;</code>  tags, but I thought <code>.find()</code> was supposed to find all descendants?</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){

      var clearCheckboxes = function() {    
        $('.outerbox').find('input').each(function() {
          $(this).attr('checked', false);
        });
      }

      $('input.myButton').click(clearCheckboxes);
});
&lt;/script&gt;

&lt;div class="outerbox"&gt;    
  &lt;form&gt;
    &lt;input type="checkbox" checked="" /&gt; checkbox1
    &lt;input type="checkbox" checked="" /&gt; checkbox2
  &lt;/form&gt;    
&lt;/div&gt;
&lt;input class="myButton" value="clear checkboxes now" type="button"/&gt;
</code></pre>
