title: Choose option from select list using next/previous button with jquery
body: <p>What is best way to navigate select option using next/previous button with jquery? I have a select list when change also changes some div. Instead of just a dropdown, I want to have a next and previous button on the left and right sides of the select list.</p>
  
  <p>I cant really figure out, i tried attr but only working if I manually type the attributes.</p>
  
  <pre><code>&lt;button type="button" id="prev"&gt;Previous&lt;/button&gt;
  &lt;select id="mycars"&gt;
     &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
     &lt;option value="saab"&gt;Saab&lt;/option&gt;
     &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
     &lt;option value="audi"&gt;Audi&lt;/option&gt;
  &lt;/select&gt;
  &lt;button type="button" id="next"&gt;Next&lt;/button&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>