title: Trigger jQuery event (bPopup) on specific dropdown value selected
body: <p>I am trying to trigger a popup to appear if and only if a given value is selected from the list.</p>
  
  <p>The value of the dropdown menu is determined by session data, as such the dropdown can be any of the options available on page load.</p>
  
  <p>I want a popup (I am using bPopup plugin) to appear if a specific selection is set on page load.</p>
  
  <p><strong>My dropdown</strong> </p>
  
  <p>This is the HTML/javascript as it appears in browser source:</p>
  
  <pre><code>&lt;select
      onchange="this.form.submit()"
      name="country"
      id="country_drop"
      &gt;
  
          &lt;option value="select"&gt;Please Select&lt;/option&gt;
          &lt;option value="Afghanistan"&gt;Afghanistan&lt;/option&gt;
          &lt;option value="Angola"&gt;Angola&lt;/option&gt;
          &lt;option value="Argentina"&gt;Argentina&lt;/option&gt;
  
  &lt;/select&gt;
  </code></pre>
  
  <p>This is the jquery I'm trying to use to generate the popup if the slection is Angola on page load:</p>
  
  <pre><code>$(document).ready(function() {
      if($("#country_drop").val()=="Angola");
          {
              $('#popup').bPopup({            
              opacity: 0.6,
              modalClose: true
              });
          }
  });
  </code></pre>
  
  <p><strong>What is currently happening:</strong></p>
  
  <p>Page loads popup on page load irrespective of selection, 100% of the time.</p>