Iterating through list of <div> using jQuery
<p>I want to use jQuery to iterate through a list of <code>&lt;div&gt;</code>s in the following example:</p>

<pre><code>&lt;div id="selectedDefinitionsDiv"&gt;
    &lt;div id="selectedDef1" class="myclass"&gt;
        &lt;textarea class="textClass" style="margin-left:5px;width:600px;height:80px;"&gt;an adoptive country&lt;/textarea&gt;
        &lt;input type="button" onclick="removeSelectedDefinition(1)" value="Delete"&gt;
    &lt;/div&gt;
    &lt;div id="selectedDef2" class="myclass"&gt;
        &lt;textarea class="textClass" style="margin-left:5px;width:600px;height:80px;"&gt;my adopted state&lt;/textarea&gt;
        &lt;input type="button" onclick="removeSelectedDefinition(2)" value="Delete"&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I want to pull out the data in each of the textareas. In the above example that would be  <code>an adoptive country</code> <strong>and</strong> <code>my adopted state</code></p>

<p>I have tried</p>

<pre><code>$(#selectedDefinitionsDiv).children('myclass').each(function(i) { 
    var val = $(this).children('textClass').value;
    processString( val );
});
</code></pre>

<p>But it doesn't go into the loop at all. Any idea what is wrong with my jQuery?</p>
