title: 3 jQuery Scripts Not working together in HTML page
body: <p>I have an HTML code with 3 jQuery Scripts and they are not working together correctly can SomeOne Help me to solve this, please</p>
  
  <p>I do to solve this problem as I don't have any experience in jQuery</p>
  
  <p>and how can I fix this issue?</p>
  
  <p>It works now but one drop-down menu at a time how can I make them work together</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  (function() {
      var options = $("#DropDownList2").html();
      $('#DropDownList2 :not([value^="Fac"])').remove();
      $('input:radio').change(function(e) {
        var text = $(this).val();
        $("#DropDownList2").html(options);
        $('#DropDownList2 :not([value^="' + text.substr(0, 3) + '"])').remove();
      });
    })();
  
  (function() {
    var options = $("#DropDownList3").html();
    $('#DropDownList3 :not([value^="Dip"])').remove();
    $('input:radio').change(function(e) {
      var text = $(this).val();
      $("#DropDownList3").html(options);
      $('#DropDownList3 :not([value^="' + text.substr(0, 3) + '"])').remove();
    });
  })();
  
  (function() {
    var options = $("#DropDownList4").html();
    $('#DropDownList4 :not([value^="Dr"])').remove();
    $('input:radio').change(function(e) {
      var text = $(this).val();
      $("#DropDownList4").html(options);
      $('#DropDownList4 :not([value^="' + text.substr(0, 3) + '"])').remove();
    });
  })();</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src = "https://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  Availabe Restaurants:
  &lt;br&gt; Burgers:
  
  &lt;label&gt;&lt;input type="radio" name="test" value="Garage" /&gt; Burger Garage&lt;/label&gt;
  &lt;label&gt;&lt;input type="radio" name="test" value="Burger" /&gt; Hardee's&lt;/label&gt;
  &lt;label&gt; &lt;input type="radio" name="test" checked="checked" value="Factory" /&gt; Burger Factory &amp; More&lt;/label&gt;
  &lt;br&gt;
  &lt;select ID="DropDownList2" Height="18px" Width="187px"&gt;
    &lt;option Value="Factory_Style_1"&gt;Turbo Chicken&lt;/option&gt;
    &lt;option Value="Factory_Style_2"&gt;Twin Turbo Chicken&lt;/option&gt;
    &lt;option Value="Factory_Style_3"&gt;Garage Burger&lt;/option&gt;
    &lt;option Value="Burger_Style_1"&gt;Chicken Fille&lt;/option&gt;
    &lt;option Value="Burger_Style_2"&gt;Grilled Chicken Fillet&lt;/option&gt;
    &lt;option Value="Burger_Style_3"&gt;Jalapeno Chicken&lt;/option&gt;
    &lt;option Value="Garage_Style_1"&gt;Original Burger&lt;/option&gt;
    &lt;option Value="Garage_Style_2"&gt;Twin Turbo Chicken&lt;/option&gt;
    &lt;option Value="Garage_Style_3"&gt;Shuwa Burger&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt; Desserts:
  
  &lt;label&gt;&lt;input type="radio" name="test1"  checked="checked" value="Dip" /&gt; Dip N Dip&lt;/label&gt;
  &lt;label&gt;&lt;input type="radio" name="test1" value="Camel" /&gt; Camel Cookies&lt;/label&gt;
  &lt;label&gt; &lt;input type="radio" name="test1" value="Ravenna" /&gt; Ravenna Kunafa&lt;/label&gt;
  &lt;br&gt;
  &lt;select ID="DropDownList3" Height="18px" Width="187px"&gt;
  
    &lt;option Value="Dip_Style_1"&gt;Brownies Crepe&lt;/option&gt;
    &lt;option Value="Dip_Style_2"&gt;Fettuccine Crepe&lt;/option&gt;
    &lt;option Value="Dip_Style_3"&gt;Cream Puff Pyramid&lt;/option&gt;
    &lt;option Value="Camel_Style_1"&gt;Brownie Fondant&lt;/option&gt;
    &lt;option Value="Camel_Style_2"&gt;Lotus Pancake&lt;/option&gt;
    &lt;option Value="Camel_Style_3"&gt;Camel Lava&lt;/option&gt;
    &lt;option Value="Ravenna_Style_1"&gt;Konafa With Chocolate&lt;/option&gt;
    &lt;option Value="Ravenna_Style_2"&gt;Konafa Mabrooma With Cheese&lt;/option&gt;
    &lt;option Value="Ravenna_Style_3"&gt;Konafa Mabrooma With Cream&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt; Beverages:
  &lt;option&gt;Dr.Shake&lt;/option&gt;
  &lt;option&gt;Juice Lab&lt;/option&gt;
  &lt;option&gt;Aseer Time&lt;/option&gt;
  &lt;label&gt;&lt;input type="radio" name="test2"  checked="checked" value="Dr" /&gt;Dr.Shake&lt;/label&gt;
  &lt;label&gt;&lt;input type="radio" name="test2" value="Juice" /&gt; Juice Lab&lt;/label&gt;
  &lt;label&gt; &lt;input type="radio" name="test2" value="Aseer" /&gt; Aseer Time&lt;/label&gt;
  &lt;br&gt;
  &lt;select ID="DropDownList4" Height="18px" Width="187px"&gt;
  
    &lt;option Value="Dr_Style_1"&gt;Pressure Milkshake&lt;/option&gt;
    &lt;option Value="Dr_Style_2"&gt;Thermometer Milkshake&lt;/option&gt;
    &lt;option Value="Dr_Style_3"&gt;Brain Recovery Milkshake&lt;/option&gt;
    &lt;option Value="Juice_Style_1"&gt;G Lab&lt;/option&gt;
    &lt;option Value="Juice_Style_2"&gt;Summer Vimto&lt;/option&gt;
    &lt;option Value="Juice_Style_3"&gt;Summer Bubble Gum&lt;/option&gt;
    &lt;option Value="Aseer_Style_1"&gt;Hormone Happiness&lt;/option&gt;
    &lt;option Value="Aseer_Style_2"&gt;The King&lt;/option&gt;
    &lt;option Value="Aseer_Style_3"&gt;Berry Smothey&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>