title: dropdown issue with jquery
body: <p>iam working on html select dropdown, if i select "not in list" then it should open new text box . I have two select dropdowns, it is working for one dropdown and it is not woeking for another. please help . Here is my fiddle</p>
  
  <p><a href="http://jsfiddle.net/Raghu123/yhovt8pm/" rel="nofollow">http://jsfiddle.net/Raghu123/yhovt8pm/</a></p>
  
  <pre><code>$(document).ready(function(){
       $("#materialName").change(function(){
           $( "select option:selected").each(function(){
               if($(this).attr("value")=="Not in list"){
                     $(".newMaterialName").show();
                     $("#newMaterialName").focus();
  
               }
               else {
                   $(".newMaterialName").hide();
               }
           });
       }).change();
  
  $("#Vendor").change(function(){
          $( "select option:selected").each(function(){
              if($(this).attr("value")=="Not in listt"){
                  $(".newVendor").show();
                  $("#newVendor").focus();
  
              }
              else  {
                  $(".newVendor").hide();
              }
          });
      }).change();
  });
  </code></pre>
  
  <p>here is html</p>
  
  <pre><code>&lt;select class="select-style" id="Vendor" class="form-control" name="Vendor"&gt;
      &lt;option value=""&gt;---------------------------Select Vendor----------------------------&lt;/option&gt;
      &lt;option value="a"&gt;a&lt;/option&gt;
      &lt;option value="b"&gt;b&lt;/option&gt;
      &lt;option value="Not in listt"&gt;Not in list, enter new vendor&lt;/option&gt;
  &lt;/select&gt;
  &lt;div class="newVendor"&gt;
      &lt;p class="contact"&gt;&lt;label for="name"&gt;Enter new Vendor name&lt;/label&gt;&lt;/p&gt;
      &lt;input id="newVendor" name="newVendor" type="text" class="form-control"&gt;
  &lt;/div&gt;
  
  &lt;p class="contact"&gt;&lt;label for="name"&gt;Material Name&lt;/label&gt;&lt;/p&gt;
  
  &lt;select class="select-style" id="materialName" class="form-control" name="materialName"&gt;
      &lt;option value=""&gt;---------------------------Select Material Name----------------------------&lt;/option&gt;
      &lt;option value="a"&gt;a&lt;/option&gt;
      &lt;option value="b"&gt;b&lt;/option&gt;
      &lt;option value="Not in list"&gt;Not in list, enter new Material Name&lt;/option&gt;
  &lt;/select&gt;
  &lt;div class="newMaterialName"&gt;
      &lt;p class="contact"&gt;&lt;label for="name"&gt;Enter new Material Name&lt;/label&gt;&lt;/p&gt;
      &lt;input id="newMaterialName" name="newMaterialName" type="text" class="form-control"&gt;
  &lt;/div&gt;
  </code></pre>