title: Reset Select box values using jQuery
body: <p>I have three select boxes. When I select first select box,it automatically loads options of second and third select box using jQuery and AJAX (values from database).</p>
  
  <p>But when I change the option of second select box,it should list the third select box values based on second select box option.But now I am getting select box options for third as per first option.</p>
  
  <pre><code>$(document).ready(function()
  {
    $("#cat").change(function()
    {
      var pc_id = $(this).val();
      if(pc_id != '')  
       {
        $.ajax
        ({
           type: "POST",
           url: "load_sub_cats.php",
           data: "catid="+ pc_id,
           success: function(option)
           {
             $("#subcat").html(option);
           }
        });
       }
       else
       {
         $("#subcat").html("&lt;option value=''&gt;-- No category selected --&lt;/option&gt;");
       }
   if(pc_id != '')  
            {
             $.ajax
             ({
                type: "POST",
                url: "load_qset.php",
                data: "catid="+ pc_id,
                success: function(option)
                {
                  $("#questionset").html(option);
                }
             });
            }
            else
            {
              $("#questionset").html("&lt;option value=''&gt;-- No question set selected--&lt;/option&gt;");
            }
      return false;
    });
  
  $("#subcat").change(function()
        {
  
          var pc_id = $(this).val();
  
          //$("#questionset").html("&lt;option value=''&gt;-- Select Question set --&lt;/option&gt;");
      $("#questionset").empty();
       if(pc_id != '')  
                        {
                         $.ajax
                         ({
                            type: "POST",
                            url: "load_subcat_qset.php",
                            data: "subcatid="+ pc_id,
                            success: function(option)
                            {
                              $("#questionset").html(option);
                            }
                         });
                        }
                        else
                        {
                          $("#questionset").html("&lt;option value=''&gt;-- No question set selected --&lt;/option&gt;");
                        }
          return false;
        });
      });`
  </code></pre>
  
  <p>I have used empty() to empty the select box. But it doesn't reset the value.</p>