jQuery: select element from parsed html snippet
<p>Inside a class method I parse a html snippet like this:</p>

<pre><code>    this.editCtrl = $('&lt;input type="radio" name="society" value="existing"&gt;&lt;select class="society"&gt;&lt;/select&gt;&lt;/input&gt;&lt;input type="radio" name="society" value="existing"&gt;&lt;input type="text"&gt;&lt;/input&gt;&lt;/input&gt;');
</code></pre>

<p>I can add this snippet to my DOM and everything works fine, but before doing so I would like to fill the drop down. I tried to get it like this:</p>

<pre><code>    var dropdown = this.editCtrl.find('select.society');
</code></pre>

<p>and like this:</p>

<pre><code>    var dropdown = $('select.society', this.editCtrl);
</code></pre>

<p>The length of the result set is zero in both cases. What's the correct way to get a certain element from such an html snippet?</p>
