title: jquery - Hiding/showing fieldset not consistent
body: <p>my jsfiddle is here: <a href="http://jsfiddle.net/justmelat/QnKeZ/" rel="nofollow">http://jsfiddle.net/justmelat/QnKeZ/</a></p>
  
  <p>I hide fieldsets on load of page, then display a particular fieldset based on the product type selected from the dropdown.  I thought I had this working, but after you select from the product type dropdown a few times, the sections that should hide or not hiding.  </p>
  
  <p>How should I could this or what am I missing?</p>
  
  <p><strong>my jsfiddle is here:</strong> <code>http://jsfiddle.net/justmelat/QnKeZ/</code></p>
  
  <p><strong>HTML here >></strong></p>
  
  <pre><code>&lt;form method="post" action=""&gt;
      &lt;div id="holdMsg"&gt;&lt;/div&gt;
      &lt;fieldset id="mainSection" name="mainSection"&gt;
                  &lt;legend style="color:blue; font-weight:bold"&gt;Project Overview Section&lt;/legend&gt;
  
                  &lt;table style="width: 100%"&gt;
                      &lt;tr&gt;
                          &lt;td style="height: 33px; width: 178px;"&gt;Name&lt;/td&gt;
                          &lt;td style="height: 33px"&gt;&lt;input  id="1125" name="1125" type="text" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="height: 33px; width: 178px;"&gt;Email&lt;/td&gt;
                          &lt;td style="height: 33px"&gt;&lt;input  id="1026" name="1026" type="text" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 178px"&gt;Product Title&lt;/td&gt;
                          &lt;td&gt;&lt;input  id="1089" name="1089" type="text" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 178px"&gt;Product Type&lt;/td&gt;
                          &lt;td&gt;&lt;select id="1169" name="1169"&gt;
                          &lt;option value=""&gt;Select&lt;/option&gt;
                          &lt;option value="Cars"&gt;Cars&lt;/option&gt;
                          &lt;option value="Boats"&gt;Boats&lt;/option&gt;
                          &lt;option value="Planes"&gt;Planes&lt;/option&gt;
                          &lt;/select&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                                      &lt;/table&gt;
              &lt;/fieldset&gt;
  
              &lt;fieldset id="section-11" name="section-11"&gt;
                  &lt;legend style="color:fuchsia; font-weight:bold"&gt;Car Details Section&lt;/legend&gt;
  
                  &lt;table cellpadding="2" style="width: 100%"&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 334px; height: 35px"&gt;&lt;label&gt;Size:&lt;/label&gt;&lt;/td&gt;
                          &lt;td style="height: 35px"&gt;&lt;input id="1245" name="1245" type="text" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="height: 35px; width: 334px"&gt;Color:&lt;/td&gt;
                          &lt;td style="height: 35px"&gt;
                          &lt;select id="1433" name="1433"&gt;
                  &lt;option value="Orange"&gt;Orange&lt;/option&gt;
                          &lt;option value="Blank"&gt;Blank&lt;/option&gt;
                          &lt;option value="Green"&gt;Green&lt;/option&gt;
              &lt;/select&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 334px"&gt;Description:&lt;/td&gt;
                          &lt;td&gt;
                          &lt;textarea id="1290" name="1290" rows="2" style="width: 433px"&gt;&lt;/textarea&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
                              &lt;/fieldset&gt;
  
              &lt;fieldset id="section-12" name="section-12"&gt;
                  &lt;legend style="color:fuchsia; font-weight:bold"&gt;Plane Details Section&lt;/legend&gt;
  
                  &lt;table cellpadding="2" style="width: 100%"&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 334px; height: 35px"&gt;&lt;label&gt;Size:&lt;/label&gt;&lt;/td&gt;
                          &lt;td style="height: 35px"&gt;&lt;input id="1245" name="1245" type="text" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="height: 35px; width: 334px"&gt;Color:&lt;/td&gt;
                          &lt;td style="height: 35px"&gt;
                          &lt;select id="1433" name="1433"&gt;
                  &lt;option value="Orange"&gt;Orange&lt;/option&gt;
                          &lt;option value="Blank"&gt;Blank&lt;/option&gt;
                          &lt;option value="Green"&gt;Green&lt;/option&gt;
              &lt;/select&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 334px"&gt;Description:&lt;/td&gt;
                          &lt;td&gt;
                          &lt;textarea id="1290" name="1290" rows="2" style="width: 433px"&gt;&lt;/textarea&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
                              &lt;/fieldset&gt;
              &lt;fieldset id="section-13" name="section-13"&gt;
                  &lt;legend style="color:fuchsia; font-weight:bold"&gt;Boat Details Section&lt;/legend&gt;
  
                  &lt;table cellpadding="2" style="width: 100%"&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 334px; height: 35px"&gt;&lt;label&gt;Size:&lt;/label&gt;&lt;/td&gt;
                          &lt;td style="height: 35px"&gt;&lt;input id="1245" name="1245" type="text" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="height: 35px; width: 334px"&gt;Color:&lt;/td&gt;
                          &lt;td style="height: 35px"&gt;
                          &lt;select id="1433" name="1433"&gt;
                  &lt;option value="Orange"&gt;Orange&lt;/option&gt;
                          &lt;option value="Blank"&gt;Blank&lt;/option&gt;
                          &lt;option value="Green"&gt;Green&lt;/option&gt;
              &lt;/select&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 334px"&gt;Description:&lt;/td&gt;
                          &lt;td&gt;
                          &lt;textarea id="1290" name="1290" rows="2" style="width: 433px"&gt;&lt;/textarea&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
                              &lt;/fieldset&gt;&lt;br&gt;
  &lt;fieldset id="section-1011" name="section-1011"&gt;
                  &lt;legend style="color:green; font-weight:bold"&gt;Misc Info Section&lt;/legend&gt;
  
                  &lt;table cellpadding="2" style="width: 100%"&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 334px; height: 35px"&gt;&lt;label&gt;Size:&lt;/label&gt;&lt;/td&gt;
                          &lt;td style="height: 35px"&gt;&lt;input id="1301" name="1301" type="text" /&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="height: 35px; width: 334px"&gt;Color:&lt;/td&gt;
                          &lt;td style="height: 35px"&gt;
                          &lt;select id="1302" name="1302"&gt;
                  &lt;option value="Orange"&gt;Orange&lt;/option&gt;
                          &lt;option value="Blank"&gt;Blank&lt;/option&gt;
                          &lt;option value="Green"&gt;Green&lt;/option&gt;
              &lt;/select&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td style="width: 334px"&gt;Description:&lt;/td&gt;
                          &lt;td&gt;
                          &lt;textarea id="1303" name="1303" rows="2" style="width: 433px"&gt;&lt;/textarea&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
                              &lt;/fieldset&gt;
  
  
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>jquery here >></strong></p>
  
  <pre><code>$("#section-11").hide();
  $("#section-12").hide();
  $("#section-13").hide();
  $("#section-1011").hide();
  
  var projtype = new Array(
          {value : 'Cars', sect_id : 'fieldset#section-11'},
          {value : 'Planes', sect_id : 'fieldset#section-12'},
          {value : 'Boats', sect_id : 'fieldset#section-13'}
      );
  $("select#1169").on('change',function () {
  var thisVal = $(this).val();
   var sect_id ="";
      $(projtype).each(function() {
  $(this.sect_id).hide();
          if(this.value == thisVal) {
          $(this.sect_id).show();
          return false;
          }
      });        
  });
  </code></pre>