title: Reset Bootstrap Dropdown Button Value on click
body: <p>I am using the Bootstrap Dropdown component in place of a normal select menu. When the user selects an option in the dropdown it's then displayed on the Dropdown button. This works fine but I need to allow the user to reset the button back to default with an onclick function.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul class="nav nav-pills left"&gt;
              &lt;li class="dropdown active span8"&gt;
                  &lt;a class="dropdown-toggle" id="inp_impact" data-toggle="dropdown"&gt;
                      &lt;i class="icon icon-envelope icon-white"&gt;&lt;/i&gt;&amp;nbsp;Select&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;ul ID="divNewNotifications" class="dropdown-menu"&gt;
                          &lt;li&gt;&lt;a&gt;One&lt;/a&gt;&lt;/li&gt; 
                            &lt;li&gt;&lt;a&gt;Two&lt;/a&gt;&lt;/li&gt;       
                              &lt;li&gt;&lt;a&gt;Three&lt;/a&gt;&lt;/li&gt;                         
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
  
          &lt;button class="resetdropdown"&gt;Clear&lt;/button&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$('#divNewNotifications li').on('click', function() {
  $('.dropdown-toggle').html($(this).find('a').html());
  });
  
  
  $('.resetdropdown').on('click', function() {
  $('.dropdown-toggle').html(" ");
  });
  </code></pre>
  
  <p>This <a href="http://jsfiddle.net/enzDx/326/" rel="nofollow noreferrer">JSFiddle</a> demonstrates the issue.</p>
  
  <p>As you can see when the 'Clear' button is clicked it removes everything from the Bootstrap Dropdown button, but this is wrong as I need to just reset back to the default value as if the page had been refreshed?</p>