title: Display modal on valid select option
body: <p>I'm using jQuery to make a modal pop up when an option is selected in my dropdown list, however, I can't get it to refrain for working when the "default" option is selected (which has an empty value).</p>
  
  <p><strong>My HTML</strong></p>
  
  <pre><code>&lt;div class="dropdownPanel"&gt;
      &lt;select name="countryList" id="countryList"&gt;
          &lt;option value="" disabled selected&gt;SELECT&lt;/option&gt;
          &lt;option value="argentinia"&gt;Argentinia&lt;/option&gt;
          &lt;option value="brazil"&gt;Brazil&lt;/option&gt;
          &lt;option value="chile"&gt;Chile&lt;/option&gt;
          &lt;option value="mexico"&gt;Mexico&lt;/option&gt;
          &lt;option value="venezuela"&gt;Venezuela&lt;/option&gt;
      &lt;/select&gt;
      &lt;button class="cancel"&gt;cancel&lt;/button&gt;
      &lt;button class="confirm"&gt;confirm&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('.dropdownPanel button.confirm').on('click', function() {
      if (!($('option[value=""]:selected'))) {
          $('.modal').css('display', 'block');
      }
  });
  </code></pre>
  
  <p>I've also tried...</p>
  
  <pre><code>$('.dropdownPanel button.confirm').on('click', function() {
      if ($('#countryList option').val() &gt; 0) {
          $('.modal').css('display', 'block');
      }
  });
  </code></pre>
  
  <p>Any thoughts on what I'm missing?</p>