title: jQuery 'OR' statement (' | | ') is not working in if condition
body: <p>I have a dropdown with several options. I need to colorize those options as follows. </p>
  
  <p>if Option value == "f1" <strong>OR</strong> Option value =="f2" then dropdown color = "blue"</p>
  
  <p>else dropdown color = "red"</p>
  
  <p>This is the code:</p>
  
  <pre><code>&lt;select id="selector"&gt;
      &lt;option value&gt;Default&lt;/option&gt;
      &lt;option value="f1"&gt;Fruit 1&lt;/option&gt;
      &lt;option value="f2"&gt;Fruit 2&lt;/option&gt;
      &lt;option value="v1"&gt;Vege 1&lt;/option&gt;
      &lt;option value="v2"&gt;Vege 2&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;script&gt;
      $('#selector').on('change', function()
      {
          var selected_v = this.value;
  
          $(this).find("option").css("color", "blue");
          $(this).css("color", "blue");
  
          if ((selected_v != "f1") || (selected_v != "f2")) {
              $(this).css("color", "red");
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is working for <code>if ( (selected_v != "f1") )</code> but with second condition followed by <code>||</code> it doesn't work. With <strong>OR</strong> operator and second condition, all the options will be red. What is the wrong here?</p>
  
  <p><strong>Live code:</strong></p>
  
  <p><a href="http://jsfiddle.net/s7ry1cvp/" rel="nofollow noreferrer">http://jsfiddle.net/s7ry1cvp/</a></p>