title: jQuery .inArray() always true?
body: <p>I'm trying to use inarray but its always returning true? Any ideas? (all li's are showing)</p>
  
  <pre><code>$("#select-by-color-list li").hide();
  
  // get the select
  var $dd = $('#product-variants-option-0');
  
  if ($dd.length &gt; 0) { // make sure we found the select we were looking for
  
      // save the selected value
      var selectedVal = $dd.val();
  
      // get the options and loop through them
      var $options = $('option', $dd);
      var arrVals = [];
      $options.each(function(){
          // push each option value and text into an array
          arrVals.push({
              val: $(this).val(),
              text: $(this).text()
          });
      });
  
  
  
  
  };
  
  //This is where it is returning true...
  
  
  if($.inArray('Aqua', arrVals)) {
      $("#select-by-color-list li#aqua").show();
      };
      if($.inArray('Army', arrVals)) {
      $("#select-by-color-list li#army").show();
      };
  </code></pre>