Programmatically change a select though option event
<p>Ok. No one is listening to me, so I'm going to try rephrasing the question by showing you WORKING CODE that does what I want, but not in the way that I want.</p>

<p>NOTE: I am not asking how to do this. I am asking more like...what's the best way...</p>

<pre>
// First I need the proper value
$select.find("option:selected").prop("selected", false);
$select.find("option:first").prop("selected", true);

// Now I need the event to fire
$select.trigger("change");
</pre>

<p>I'd like to do this in one line though...like the last line of code on this question.</p>

<p>Please don't tell me anything that you would expect someone that's been doing front end stuff for 10 years to know.</p>

<p><strong>ORIGINAL - DONT ANSWER BASED ON THE BELOW</strong></p>

<p>Doesn't really have to be jQuery, but I'm using it so it might as well be.</p>

<p>Basically, what I'd like to do is say</p>

<pre><code>var $option = $select.find("option:first");
$option.trigger("click");
</code></pre>

<p>But that doesn't really work. I mean, it sort of does, but it doesn't seem to also fire the change event on the select...so I'm thinking I should actually be doing something more like...</p>

<pre>
$select.triggerEvent(new Event({
    type : "change",
    target : $option
});
</pre>

<p>But that can't be right.</p>
