title: On click of a Button , how to make the drop down to back to default selection
body: <p>I have a drop down with two buttons as shown below </p>
  
  <pre><code>&lt;select id="BrandNames" class="m-wrap" tabindex="1" style="width:100%;"&gt;
     &lt;option class="placeholder" selected="" disabled=""&gt;Select Brand&lt;/option&gt;
     &lt;option value="3000"&gt;General&lt;/option&gt;
     &lt;option value="3001"&gt;KFC&lt;/option&gt;
     &lt;option value="3002"&gt;Chutneys&lt;/option&gt;
  &lt;/select&gt;
    &lt;input type="button" id="prev"  value="prev"&gt;
  
    &lt;input type="button" id="next" value="Next"&gt;
  
  $(document).on('click', '#prev', function(event ) {
  alert('Prev button called');
  });
  
  
  
  $(document).on('click', '#next', function(event ) {
  alert('Next button called');
  });
  </code></pre>
  
  <p>Assume that i selected General (First Option) from the drop down menu .</p>
  
  <p>My requirement is that if i select <strong>Next</strong> button Or <strong>previous</strong> Button , how can i make the drop down to back to default selection that is Select Brand in my case ??</p>
  
  <p>This is my jsfiddle </p>
  
  <p><a href="http://jsfiddle.net/8f9c71x3/" rel="nofollow">http://jsfiddle.net/8f9c71x3/</a></p>
  
  <p>could anybody please help .</p>