How do I trigger the jQuery change event using only HTML DOM methods in IE?
<p>I've asked this question in several places, and I'm now casting the widest possible net to see if there is a resolution I can use. Given the following HTML:</p>

<pre><code>&lt;select id="test"&gt;
  &lt;option value=""&gt;Select One...&lt;/option&gt;
  &lt;option value="1"&gt;One&lt;/option&gt;
  &lt;option value="2"&gt;Two&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>and the following jQuery event binding:</p>

<pre><code>$("#test").change(function( event ) {
  console.log("Changed");
});
</code></pre>

<p>I would like to be able to have the change event triggered using only DOM methods. That is, I do not want to call the jQuery <code>.change()</code> or <code>.trigger()</code> methods to cause the jQuery change event to be triggered. This is within the context of a <a href="http://code.google.com/p/selenium" rel="nofollow">browser automation framework</a>, which needs to automate selection of options from <code>&lt;select&gt;</code> elements on any page, and thus cannot rely on jQuery being loaded in any particular page. Furthermore, we are only interested in a solution for this problem with IE, as we are only having difficulty with that browser. Also note, that we need a solution that will work for all versions of IE from 6-9. I would like to do something like the following (deliberately IE-specific code follows):</p>

<pre><code>var e = document.getElementById('test');
e.item(1).selected = true;
e.fireEvent("onchange"); // What needs to happen here to get the jQuery event to fire?
</code></pre>

<p>This, however, does not cause the jQuery event to be triggered. You can find a full working example of this particular issue at <a href="http://jsfiddle.net/jimevans/a5DUE/" rel="nofollow">this link</a>. What is the specific code I have to invoke to get this to work?</p>
