jQuery not behaving as expected with this select element
<p>I have this code that opens a popup window when the first item in the dropdown list
is selected.</p>

<pre><code>&lt;select id="selectItem"&gt;
    &lt;option value="newItem"&gt;Load new item...&lt;/option&gt;
    &lt;option value="ddsds"&gt;first item  &lt;/option&gt;
&lt;/select&gt;
</code></pre>



<pre><code>$(document).ready(function(){  
    $("#selectItem").change(function(){
        if($(this).prop("selectedIndex") == 0){
            window.open('popup.html', '_blank', 'scrollbars=1, height=600, width=500');
        }
    });
 }); 
</code></pre>

<p><a href="http://jsfiddle.net/wVRHY/" rel="nofollow">jsFiddle</a></p>

<p>If I select an item different than the first one, then selecting the first item will open the popup window.</p>

<p>But if the first item is selected whitout selecting any other item before, the popup windows doesn't launch.</p>

<p>I don't get what is happening. How should I properly tell jQuery to open the popup
when the first option is selected?</p>

<p><strong>EDIT:</strong></p>

<p>I was misunderstanding the change event. As many people mentioned, the popup won't fire when the selection isn't changed. 
Maybe I will use a button to replace the current "business logic".</p>
