display div based on dropdown selection
<p>This is my code. I want display a div tag based on dropdown list. But I got the error is no css rule found.</p>

<pre><code>&lt;html&gt; 
&lt;head&gt;
    &lt;script&gt;
        $(document).ready(function () 
        {
            $('.group').hide();
            $('#option1').show();
            $('#selectMe').change(function () 
            {
                $('.group').hide();
                $('#'+$(this).val()).show();
            })
        });
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div id="option1" class="group"&gt;asdf&lt;/div&gt;
    &lt;div id="option2" class="group"&gt;kljh&lt;/div&gt;
    &lt;div id="option3" class="group"&gt;zxcv&lt;/div&gt;
    &lt;div id="option4" class="group"&gt;qwerty&lt;/div&gt;
    &lt;select id="selectMe"&gt;
        &lt;option value="option1"&gt;option1&lt;/option&gt;
        &lt;option value="option2"&gt;option2&lt;/option&gt;
        &lt;option value="option3"&gt;option3&lt;/option&gt;
        &lt;option value="option4"&gt;option4&lt;/option&gt;
    &lt;/select&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
