title: jQuery show content based on dropdown
body: <p>I wish to show content based on dropdown value. So 2005 select will only show content with date of 2005 etc.</p>
  
  <p>HTML: </p>
  
  <pre><code>    &lt;select id="year" name="Year"&gt; 
          &lt;option value="#" selected="selected"&gt;Year...&lt;/option&gt; 
          &lt;option value="#"&gt;2007&lt;/option&gt; 
          &lt;option value="#"&gt;2006&lt;/option&gt; 
          &lt;option value="#"&gt;2005&lt;/option&gt; 
      &lt;/select&gt; 
  </code></pre>
  
  <p>-</p>
  
  <pre><code>&lt;li class="pr"&gt;
     &lt;a class="image" href="image.jpg" width="50" height="50" /&gt;&lt;/a&gt;
     &lt;span class="date"&gt;2006&lt;/span&gt;
  &lt;/li&gt;
  
  &lt;li class="pr"&gt;
     &lt;a class="image" href="image.jpg" width="50" height="50" /&gt;&lt;/a&gt;
     &lt;span class="date"&gt;2007&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Had a look at this:
  <a href="https://stackoverflow.com/questions/7019096/jquery-dropdown-hide-show-div-based-on-value">jQuery dropdown hide show div based on value</a></p>
  
  <p>but seems overkill? </p>