title: Selected Index changed event in javascript for html control
body: <p>I have an HTML control: </p>
  
  <pre><code>&lt;select id="grade"&gt;
  </code></pre>
  
  <p>I want to get the selected value of dropdown on selected Index changed event.</p>
  
  <p>I tried to add following code which would be called on drop down selection change, but seems it doesnot work. Any other suggestion ? </p>
  
  <pre><code>$("#grade").on('change', function() { 
  alert("hi"); 
  });
  </code></pre>
  
  <p>Also, how can I get the selected value in Java Script.</p>