title: get selected data from 'select' and trigger an event
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"&gt;&lt;/script&gt;
    &lt;title&gt;Pomodoro Clock&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;main&gt;
     &lt;h1&gt;Pomodoro clock&lt;/h1&gt;
     &lt;div class="grid"&gt;
     &lt;div class="box food"&gt;Set the timer for
      &lt;form method="get" id="settime"&gt; 
       &lt;select name="pasta"&gt; 
       &lt;option id="1"&gt;Pappardelle&lt;/option&gt;    
       &lt;option id="2"&gt;Penne&lt;/option&gt;
       &lt;option id="3"&gt;Farfalle&lt;/option&gt;
       &lt;option id="4"&gt;Bucatini&lt;/option&gt;
       &lt;option id="5"&gt;Angel Hair&lt;/option&gt;
       &lt;option id="6"&gt;Gnocchi&lt;/option&gt;
       &lt;option id="7"&gt;Orecchiette&lt;/option&gt;
     &lt;/select&gt;
    &lt;/form&gt;
     &lt;/div&gt;
     
     &lt;div class="box clock"&gt;&lt;span id="start"&gt;Start&lt;/span&gt;&lt;/div&gt;
     
     &lt;div class="box settimer"&gt;
              &lt;div class="decrement icon"&gt;&lt;i class="fas fa-caret-left"&gt;&lt;/i&gt;&lt;/div&gt;
              &lt;div id="mins"&gt;&lt;span id="defalut"&gt;Ready&lt;/span&gt;&lt;/div&gt;
              &lt;div class="increment icon"&gt;&lt;i class="fas fa-caret-right"&gt;&lt;/i&gt;&lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="box pause"&gt;Pause&lt;/div&gt;
   &lt;/div&gt;
    &lt;/main&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am trying to get the data from the <em>select</em> div when selected, store it and update the <em>mins</em> div accordingly, which now has a default text "Ready".</p>
  
  <p>I want to make form trigger an event automatically without a submit button; understand I can use <code>&lt;select onchange="this.form.submit()"&gt;</code>, but couldn't figure out how to do so using jquery.</p>