title: Delete specific range of elements JQuery
body: <p>Html:</p>
  
  <pre><code>&lt;select id ="combooptions"&gt;
            &lt;option id="combostart" value=""&gt;&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>var str = "";
  if (combonews.length &gt; 0)
          for (var i in combonews) {
              str += "&lt;option value='" + combonews[i][0] + "'&gt;" + combonews[i][1] + "&lt;/option&gt;";
          }
      jQuery("#combooptions").append(str);
  </code></pre>
  
  <p>It works fine, but now I want to remove those appended one, leaving the initial 1 option tag, as shown above.
  I tried:</p>
  
  <pre><code>jQuery("#combooptions").html('');
   //or
  jQuery("#combooptions").append('');
  //or
  jQuery("#combostart").append('');
  //or
  jQuery("#combostart").html('');
  </code></pre>
  
  <p>but no success.</p>
  
  <p>Please help 
  thank You</p>