title: (select > option) exact text issue using input value and :contains method in jquery
body: <p>My code consists of just two elements. First element is input <code>(#nameInput)</code> and second is select <code>(#select)</code>.</p>
  
  <p>My goal is to check if there is <code>&lt;option&gt;</code> with text equal to current <code>#nameInput</code> value.</p>
  
  <p>Please, take a look at the example below, if inserted text in input already exists in <code>option</code> the border of input turns red (addClass error).</p>
  
  <p>But there is a issue with <code>:contains</code>, because it finds text included in the option text instead of an exact match I looking for.</p>
  
  <p>As shown on example below, there are options with text <code>a</code> &amp; <code>aaa</code>, but the error(class) appears even if <code>aa</code> or <code>aaaa</code> are inserted.</p>
  
  <p>One more example, which doesn't work -> <code>my option</code> - error appears when only <code>my</code>is inserted.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("#nameInput").change(function(){ 
    var t = $(this);
    var t_val = $(this).val();
  
    if(
      $("#select option:contains(" +  t_val + ")" ).length
    ) { 
      t.addClass("error");
    }
    else {t.removeClass("error");}
    
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input, select {width:  50%; height: 32px;}
  input.error {border: 5px solid red;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  &lt;input id="nameInput" type="text"/&gt;&lt;br/&gt;&lt;br/&gt;
  &lt;select id="select"&gt;
    &lt;option value="default" selected disabled&gt;Select..&lt;/option&gt;
    &lt;option class="option"&gt;a&lt;/option&gt;
    &lt;option class="option"&gt;aaa&lt;/option&gt;
    &lt;option class="option"&gt;bbb&lt;/option&gt;
    &lt;option class="option"&gt;bbbbbb&lt;/option&gt;
    &lt;option class="option"&gt;my option&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>