title: JQuery - Clean Select options on new request
body: <p>I have a SELECT object and I'm populating it with AJAX(JQUERY).</p>
  
  <pre><code>$("#setor").change(function(){
      $("#loading").css("display", "inline-block");
      $.ajax({
          type: "POST",
          url: "&lt;?php echo base_url();?&gt;quadracontroller/lista_quadras/"+$("#setor").val(),
          success: function(html) {
              $("#quadra").append(html);
              $("#loading").css("display", "none");
          }
      });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;select name="quadra" id="quadra"&gt;
                                      &lt;option value="0" selected="selected"&gt;--&lt;/option&gt;
                                  &lt;/select&gt;
  </code></pre>
  
  <p>The thing is that for each request it is incrementing the options on the select.</p>
  
  <p>How do I do to clean the  generated on the previous request?</p>
  
  <p>Thanks in advance and sorry for my poor English =)</p>