Jquery #div option:selected problem
<p>I can't seem to get this to work and I can't find any mistakes. Here is the select options:</p>

<pre><code>    &lt;select id="elecspend"&gt;
        &lt;option selected="selected" value="month"&gt;Monthly Spend&lt;/option&gt;
        &lt;option value="yearly"&gt;Yearly Spend&lt;/option&gt;
        &lt;option value="quarterly"&gt;Quarterly Spend&lt;/option&gt;
        &lt;option value="consumption"&gt;Yearly Consumption (kWh)&lt;/option&gt;
    &lt;/select&gt;
&lt;div class="consumptext"&gt;Enter your monthly spend in here: &lt;/div&gt;   &lt;input style="width:    80px;" type="text"&gt;
</code></pre>

<p>Here is the jquery.</p>

<pre><code>$(document).ready(function() {
$("#elecspend").change(function() {


    if($("#elecspend option:selected").attr('value') == 'monthly') {
        $(".consumptext").html("Please enter your monthly electricity spend");
    }
});
});
</code></pre>

<p>Thanks for your help guys.
Sam</p>
