title: Select element and jQuery CHANGE event in IE8?
body: <p>I have a small script on my site that calculates a price quote based on the options chosen in 4 different Select elements.  The price quote is written into a div and is updated each time there is any change in the selected options.</p>
  
  <p>Here is the link to this page: <a href="http://www.justaddsolutions.com/justaddwebsite/prices/" rel="nofollow">http://www.justaddsolutions.com/justaddwebsite/prices/</a></p>
  
  <p>I used jQuery CHANGE event handler to trigger the calculating function each time there is a change in my Select elements, like this:</p>
  
  <pre><code>jQuery("#pages").change(price_quoter);
  </code></pre>
  
  <p>And here is my HTML code that goes with it:</p>
  
  <pre><code>&lt;select id="pages" class="instant_quote" name="pages"&gt; 
  &lt;option value="1"&gt;1 page&lt;/option&gt;
  &lt;option value="2"&gt;2 pages&lt;/option&gt;
  </code></pre>
  
  <p>This works fine in Safari and Chrome, but doesn't work in IE8. In IE8 the change in Select elements doesn't trigger the calculating function.</p>
  
  <p>I researched this issue and got contrary data - some say that Change jQuery event doesn't work in IE8 and some say it does. </p>
  
  <p>I then thought to use the onChange function of JS, but also read that it is not supported by IE8. </p>
  
  <p>Could you help with figuring out the way to do it that works in all browsers.</p>