jQuery eq(0) not working for me
<p>I am trying to show the first div using the following;</p>

<pre><code>$('#period-to-view').change(function () {
    if ($(this).val() == "Jan") {
        $('div.six-month-view:eq(0)').show();
        $('div.three-month-view').hide();
    } else {
        $('div.three-month-view').show();
        $('div.six-month-view').hide();
    }

    if ($(this).val() == "Jul") {
        $('div.six-month-view:eq(1)').show();
        $('div.three-month-view').hide();
    } else {
        $('div.three-month-view').show();
        $('div.six-month-view').hide();
    }
}); 
</code></pre>

<p>The problem I am having is that :eq(0) does not work, but :eq(1) does (shows the second div). The markup is a select box that shows a div based on which month is selected (Jan or Jun).</p>

<p>What am I doing wrong?</p>

<p>Thanks</p>
