Dynamically get changed select value JQuery
<p>What I need to do is get the value of the selected option (when changed) in a select list and change the text in a span next to the select list. The problem is I don't know the id the the select list. There are lot of different select list on the page (5-25+) and they are all created dynamically and so I can't have the id specified in the .change(). Here is what I have:</p>

<p><strong>JS:</strong></p>

<pre><code>$("select").change(function () {
   var str = "";
   str = $("select option:selected").text();

   $(".out").text(str);
}).trigger('change');
</code></pre>

<p>(Of course this doesn't work, puts all of the select values in each span)</p>

<p><strong>HTML:</strong></p>

<pre><code>&lt;select name="animal[]"&gt;
&lt;option value="dog"&gt;dog&lt;/option&gt;
&lt;option value="cat"&gt;cat&lt;/option&gt;
&lt;option value="bird"&gt;bird&lt;/option&gt;
&lt;option value="snake"&gt;snake&lt;/option&gt;
&lt;/select&gt;
&lt;span class="out"&gt;&lt;/span&gt;
</code></pre>

<p>I feel like I am missing something simple but I can't find anything. Thanks for all of your help.</p>
