title: Find default selected option in HTML select tag?
body: <p>I found code online to clear a form but it had nothing for a select box. With jquery i tried adding code to select the default option in the select box when i reset the form. I figured the only way to find the default was to look for where the SELECTED option was. I then discovered when the user selects something else jquery does not see selected as the default but as to the new option the user selected.</p>
  
  <p>How do i get find the default option in the form so i can clear this properly?</p>
  
  <pre><code>//http://www.learningjquery.com/2007/08/clearing-form-data
  $.fn.clearForm = function () {
      return this.each(function () {
          var type = this.type, tag = this.tagName.toLowerCase();
          if (tag == 'form')
              return $(':input', this).clearForm();
          if (type == 'text' || type == 'password' || tag == 'textarea')
              this.value = '';
          else if (type == 'checkbox' || type == 'radio')
              this.checked = false;
          else if (tag == 'select') {
              //alert($('option', this).size());
              alert($('option[selected]', this).val());
          }
      });
  };
  </code></pre>