title: How to retain dropdown selected value after postback javascript?
body: <p>I have a form in my site. <a href="http://jsfiddle.net/riffaz/cznb32ek/" rel="nofollow noreferrer">Fiddle is here</a>
  I removed  tag because it gives error without action.</p>
  
  <p>Here my issue is when I have full form with action, if I click the form its post back the page. Meanwhile the drop down menu show <code>select an option</code> :</p>
  
  <p><strong>before the form is submitted</strong></p>
  
  <p><img src="https://i.stack.imgur.com/vymfP.jpg" alt="before the form is submitted "></p>
  
  <p><strong>when I select</strong></p>
  
  <p><img src="https://i.stack.imgur.com/qq7N3.jpg" alt="When I select"></p>
  
  <p><strong>After form is submitted</strong></p>
  
  <p><img src="https://i.stack.imgur.com/yvGXG.jpg" alt="After form is submitted"></p>
  
  <p>But I want the form should remain the values which is selected before the form is submitted. How can I do that?</p>