on option select show div
<p>ok, so I'm a complete noob when it comes to jQuery, but this is something I want to change over the next year or so if I can find the time!!</p>

<p>I have the following for the dropdown options</p>

<pre><code>&lt;select id="shipping_method_id" name="shipping_method_id"&gt;
    &lt;option value="6"&gt;North Island - New Zealand&lt;/option&gt;
    &lt;option value="7"&gt;South Island - New Zealand&lt;/option&gt;
    &lt;option value="8"&gt;Australia&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>What I want to have is when someone selects Australia from the list I want it to show a div.</p>

<p>When someone selects an option from the list, the page reloads and updates the shipping price.</p>

<p>This is probably really really simple, but I just can't get it working, I've tried this <a href="http://jsfiddle.net/JSyLV/910/" rel="nofollow">http://jsfiddle.net/JSyLV/910/</a> but it won't work :(</p>
