JQuery element.children(".class") returns null
<p>There must be something obvious that I'm doing wrong, but I'm not seeing it.  I have obtained a reference to a DOM element using JQuery.  It has the following innerHTML (from the javascript debugger):</p>

<pre><code>&lt;INPUT type=hidden name=Item.ItemIndicators[0].Indicator.Strategies[0].Description&gt; 
&lt;INPUT style="DISPLAY: none" class=checkbox value=00000000-0000-0000-0000-000000000000 type=checkbox name=Item.ItemIndicators[0].Indicator.Strategies[0].Id&gt; 
&lt;INPUT value=-1 type=radio name=Item.ItemIndicators[0].Indicator.Strategies[0].Weight&gt; 
&lt;INPUT value=1 type=radio name=Item.ItemIndicators[0].Indicator.Strategies[0].Weight&gt; 
&lt;INPUT type=text150 name=Item.ItemIndicators[0].Indicator.Strategies[0].Description&gt;
</code></pre>

<p>However, when I do the following, I get null.</p>

<pre><code>var child = myElement.children(".checkbox");
</code></pre>

<p>Is "checkbox" not an allowed class name, maybe?  </p>

<p>Thanks!</p>

<p>For Matt, full code below:</p>

<pre><code>  var strategies = parent.children("div.strategy");

   for (var i = 0; i &lt; strategies.length; i++) 
   { 
          //strategies[i] is the element in question w/the innerHTML above
          var checkbox = strategies[i].children(".checkbox"); //returns null
          ...elided...
    } 
</code></pre>

<p>Additional Info:  if I do the following, I get "object doesn't support this property or method":</p>

<pre><code>var strategy = strategies[i];
var children = strategy.children(); //object doesn't support this property or method
</code></pre>

<p>Not sure of the terminology to use here, but from the properties displayed in the debugger, and from this error, it seems like the strategy object is not seen by jquery as a jquery object but rather just as an dom element (i.e., it's missing the [0] property).  Still, it's odd that the line "strategies[i].children(".checkbox")" does not throw the same exception.</p>
