title: jquery loop through select tags on option change
body: <p>I need help looping through all my select tags in my html page and running some functions on each change</p>
  
  <pre><code>&lt;div id="product_options"&gt;
       &lt;label&gt;Color&lt;/label&gt;
       &lt;select name="productOptions" id="colorOpt" style="margin-bottom:10px;"&gt;
            &lt;option value="1"&gt;White&lt;/option&gt;
            &lt;option value="3"&gt;Blue&lt;/option&gt;
       &lt;/select&gt;
       &lt;label&gt;Size&lt;/label&gt;
       &lt;select name="productOptions" id="sizeOpt" style="margin-bottom:10px;"&gt;
           &lt;option value="2"&gt;9oz&lt;/option&gt;
           &lt;option value="4"&gt;10oz&lt;/option&gt;**strong text**
       &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Everything inside of the main div is variable including the label, names and id's</p>
  
  <p>what i want to do is everything someone updates either one of the selected options i need to figure out which select element they chose and get the value along. So for example if they update the color option to blue i need to trigger a call in jquery to show that select element with id colorOpt was updated with the value of 3</p>
  
  <p>Any ideas I am completely lost as to how to do this. Started with this but not sure if its correct or not</p>
  
  <pre><code>$('#product_options').select("select").each(function(selected, index) {
  
  
  });
  </code></pre>