title: HTML5 button type=reset stopped working
body: <p>I just modified the markup of my page, I added a couple of div's to wrap each field so I can play the layoot dynamically and now the reset stopped working and I don't see why</p>
  
  <pre><code> &lt;div id="form-area" data-active=""&gt;
        &lt;div id="form-first-line"&gt;
             &lt;form role="form"&gt;
                  &lt;div class="fild-group to-hide"&gt;
                       &lt;select id="form-job-state"&gt;
                            &lt;option value="any" selected&gt;Job State&lt;/option&gt;
                            &lt;option value="any" &gt;Any&lt;/option&gt;
                            &lt;option value="Completed"&gt;Completed&lt;/option&gt;
                            &lt;option value="Queued"&gt;Queued&lt;/option&gt;
                            &lt;option value="Running"&gt;Running&lt;/option&gt;
                       &lt;/select&gt;
                  &lt;/div&gt;
                  &lt;div class="fild-group to-hide"&gt;
                       &lt;select id="form-no-symbols"&gt;
                            &lt;option value="" selected&gt;Number of slots&lt;/option&gt;
                            &lt;option value="$gt" &gt;&amp;gt;&lt;/option&gt;
                            &lt;option value="$lt"&gt;&amp;lt;&lt;/option&gt;
                            &lt;option value="$in"&gt;=&lt;/option&gt;
                            &lt;option value="$lte"&gt;&amp;lt;=&lt;/option&gt;
                            &lt;option value="$gte"&gt;&amp;gt;=&lt;/option&gt;
                            &lt;option value="$ne"&gt;&amp;lt;&amp;gt;&lt;/option&gt;
                       &lt;/select&gt;
                       &lt;input type="text" class="form-control" id="form-no-slots" value="0"&gt;
                  &lt;/div&gt;
                  &lt;div class="fild-group"&gt;
                       &lt;label for="form-start-date"&gt;Start Date&lt;/label&gt;
                       &lt;div class="clean"&gt;&lt;/div&gt;
                       &lt;input type="date" class="form-control" id="form-start-date" placeholder="yyyy-mm-dd"&gt;
                       &lt;input type="time" class="form-control" id="form-start-time" placeholder="HH:MM" value="00:00"&gt;
                  &lt;/div&gt;
                  &lt;div class="fild-group"&gt;
                       &lt;label for="form-end-date"&gt;End Date&lt;/label&gt;
                       &lt;div class="clean"&gt;&lt;/div&gt;
                       &lt;input type="date" class="form-control" id="form-end-date" placeholder="yyyy-mm-dd"&gt;
                       &lt;input type="time" class="form-control" id="form-end-time" placeholder="HH:MM" value="23:59"&gt;
                  &lt;/div&gt;
             &lt;/form&gt;
        &lt;/div&gt;
        &lt;div id="form-second-line"&gt;
             &lt;button id="form-query" data-type="" type="button" disabled&gt;Query&lt;/button&gt;
             &lt;button type="reset" class="btn btn-default"&gt;Clear&lt;/button&gt;
        &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>this is the <a href="http://jsfiddle.net/juanpa/34k0nz42/" rel="nofollow">jsfiddle</a></p>