how to change select with jquery
<p>How do I change the select option using jquery?</p>

<p>Like if people click on a picture, that should change the select for "total" from 10 (current value) to $25.</p>

<p>I tried using</p>

<pre><code>$("#buy").click(function () {
    $("#total").val(25);
    $("#total").focus();
});
</code></pre>

<p>But it changes the value from 10 to 25, but the text does not show for $25.</p>

<p>so I have the following</p>

<pre><code>&lt;select name = "total"&gt;
&lt;option value = "10"&gt;$10 dollars&lt;/option&gt;
&lt;option value = "25"&gt;$25 dollars&lt;/option&gt;
</code></pre>

<p>When I click on the image, the value for "total" changes from 10 to 20, but the text still shows as "$10 dollars".</p>
