title: If this options is selected show div using jquery
body: <p>I'm trying to get a div to show if a certain option is selected as well as a previous option in another select tag is selected.</p>
  
  <p>This jfiddle <a href="http://jsfiddle.net/LehL1pru/" rel="nofollow">http://jsfiddle.net/LehL1pru/</a> works but what I want to do is to make sure that the previous select option equals a certain value.</p>
  
  <pre><code>$(function() {
      $("#smallplantable").click(function() {
      if (this.value == ""){
          $('.plantableone').hide();
      }
          if (this.value == "plantablenone") {
          $('.plantableone').hide();
          }
          if (this.value == "plantableone") {
          $('.plantableone').show();
          }
      });
  });
  </code></pre>
  
  <p>What I have tried is adding &amp;&amp; to the if statement in jquery but it doesn't seem to be working as you can see here <a href="http://jsfiddle.net/5bLc1f9b/1/" rel="nofollow">http://jsfiddle.net/5bLc1f9b/1/</a></p>
  
  <pre><code>$(function() {
      $("#smallplantable").click(function() {
      if (this.value == ""){
          $('.plantableone').hide();
      }
          if (this.value == "plantablenone") {
          $('.plantableone').hide();
          }
          if (this.value == "plantableone" &amp;&amp; "#numberofstaff".value == "smalljobsite") {
          $('.plantableone').show();
          }
      });
  });
  </code></pre>
  
  <p>Anyone have an idea why this isn't working or have an alternative option?</p>
  
  <p>Thanks.</p>