option:selected not triggering .change()
<p>I have a dropdown box that has a list of institutions in it. Now if I manually select an option, it works and I am able to grab the correct value.  </p>

<p>However, I have a select rates button which uses JavaScript to pull up a rate sheet. You select a rate from that sheet and it will select an option from the dropdown for you (one that corresponds with the rate from the rate sheet). If I use this method, it doesn't trigger a .change() therefor I can't get a value for the selected option.   </p>

<pre><code>$('#id_financial_institution').change(function () {
          var value = $("#id_financial_institution option:selected").text()
          $("fi").text(value);
});
</code></pre>

<p>Any suggestions? I have tried <code>.change()</code> and <code>.click()</code> but nothing.</p>
