title: Select Drop down Form Validation (Display text)
body: <p>I am trying to validate a form. </p>
  
  <p>What I am trying to do is validate the form by validating the <strong>Option</strong> <strong>display text</strong> not the option value, since the option values are int </p>
  
  <p><strong>Example:</strong> </p>
  
  <pre><code>&lt;option value="selectcard"&gt;Please select&lt;/option&gt;
  </code></pre>
  
  <p>If user clicks submit the form should validate if the option display says <strong>Please Select</strong> 
  regardless of what the option value is. </p>
  
  <p>Code which is not working</p>
  
  <pre><code>function fun(){
      $('#cardtype').change(function () {
          var sel = $('option:selected', this).text();
          if (sel == "Please select") {
              $('.showotherpDescription').show();
          } else {
  
          } 
      }); 
  }
  </code></pre>
  
  <p><strong>Not working: <a href="http://jsfiddle.net/f5hxpo7g/2/" rel="nofollow">http://jsfiddle.net/f5hxpo7g/2/</a></strong></p>
  
  <p>Also including the regular working example for validating the form based on option value</p>
  
  <p>Validates Based on <strong>option value</strong> <strong><a href="http://jsfiddle.net/f5hxpo7g/1/" rel="nofollow">http://jsfiddle.net/f5hxpo7g/1/</a></strong></p>
  
  <p>Please let me know what i am doing wrong. </p>
  
  <p>Thanks in advance. </p>