title: jQuery select change show/hide div event
body: <p>I am trying to create a form which when the select element 'parcel' is selected it will show a div but when it is not selected I would like to hide the div. Here is my markup at the moment:</p>
  
  <p>This is my HTML so far..</p>
  
  <pre><code>    &lt;div class="row"&gt;    
      Type
          &lt;select name="type" id="type" style="margin-left:57px; width:153px;"&gt;
                  &lt;option ame="l_letter" value="l_letter"&gt;Large Letter&lt;/option&gt;
                  &lt;option name="letter" value="letter"&gt;Letter&lt;/option&gt;
                  &lt;option name="parcel" value="parcel"&gt;Parcel&lt;/option&gt;
          &lt;/select&gt;                    
  &lt;/div&gt;
  
  &lt;div class="row" id="row_dim"&gt;
      Dimensions
          &lt;input type="text" name="length" style="margin-left:12px;" class="dimension" placeholder="Length"&gt;
          &lt;input type="text" name="width" class="dimension" placeholder="Width"&gt;
          &lt;input type="text" name="height" class="dimension" placeholder="Height"&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>This is my jQuery so far..</p>
  
  <pre><code>  $(function() {
      $('#type').change(function(){
          $('#row_dim').hide(); 
          $("select[@name='parcel']:checked").val() == 'parcel').show();   
      });
  });
  </code></pre>