title: Optimising jquery script
body: <p>I'm fairly novice at javascript and jquery. I have created the script below which works well with the form I've added it to but it's not optimised. Could anyone suggest ways that I could optimise this script? Thanks for any advice</p>
  
  <pre><code>$(function() {
  
  // This button will increment the value
  $('#delegates').change(function() {
      $("#d_names p")
          .slice(0)
          .hide();
      var currentVal = $('#delegates').val();
      if (currentVal == 450) {
          $("#d_names p")
              .slice(0,-9)
              .fadeIn();
          $('#delegate2').attr('value', '');  
          $('#delegate3').attr('value', '');  
          $('#delegate4').attr('value', '');  
          $('#delegate5').attr('value', '');  
          $('#delegate6').attr('value', '');  
          $('#delegate7').attr('value', '');  
          $('#delegate8').attr('value', '');  
          $('#delegate9').attr('value', '');  
          $('#delegate10').attr('value', '');  
          $('#position2').attr('value', '');  
          $('#position3').attr('value', '');  
          $('#position4').attr('value', '');  
          $('#position5').attr('value', '');  
          $('#position6').attr('value', '');  
          $('#position7').attr('value', '');  
          $('#position8').attr('value', '');  
          $('#position9').attr('value', '');  
          $('#position10').attr('value', '');  
      } else if (currentVal == 900) {
          $("#d_names p")
              .slice(0, -8)
              .fadeIn();
              $('#delegate3').attr('value', '');  
              $('#delegate4').attr('value', '');  
              $('#delegate5').attr('value', '');  
              $('#delegate6').attr('value', '');  
              $('#delegate7').attr('value', '');  
              $('#delegate8').attr('value', '');  
              $('#delegate9').attr('value', '');  
              $('#delegate10').attr('value', '');  
              $('#position3').attr('value', '');  
              $('#position4').attr('value', '');  
              $('#position5').attr('value', '');  
              $('#position6').attr('value', '');  
              $('#position7').attr('value', '');  
              $('#position8').attr('value', '');  
              $('#position9').attr('value', '');  
              $('#position10').attr('value', '');  
      } else if (currentVal == 1350) {
          $("#d_names p")
              .slice(0, -7)
              .fadeIn();
              $('#delegate4').attr('value', '');  
              $('#delegate5').attr('value', '');  
              $('#delegate6').attr('value', '');  
              $('#delegate7').attr('value', '');  
              $('#delegate8').attr('value', '');  
              $('#delegate9').attr('value', '');  
              $('#delegate10').attr('value', '');  
              $('#position4').attr('value', '');  
              $('#position5').attr('value', '');  
              $('#position6').attr('value', '');  
              $('#position7').attr('value', '');  
              $('#position8').attr('value', '');  
              $('#position9').attr('value', '');  
              $('#position10').attr('value', '');  
      } else if (currentVal == 1800) {
          $("#d_names p")
              .slice(0, -6)
              .fadeIn();
              $('#delegate5').attr('value', '');  
              $('#delegate6').attr('value', '');  
              $('#delegate7').attr('value', '');  
              $('#delegate8').attr('value', '');  
              $('#delegate9').attr('value', '');  
              $('#delegate10').attr('value', '');  
              $('#position5').attr('value', '');  
              $('#position6').attr('value', '');  
              $('#position7').attr('value', '');  
              $('#position8').attr('value', '');  
              $('#position9').attr('value', '');  
              $('#position10').attr('value', '');  
      } else if (currentVal == 2250) {
          $("#d_names p")
              .slice(0, -5)
              .fadeIn();
              $('#delegate6').attr('value', '');  
              $('#delegate7').attr('value', '');  
              $('#delegate8').attr('value', '');  
              $('#delegate9').attr('value', '');  
              $('#delegate10').attr('value', '');  
              $('#position6').attr('value', '');  
              $('#position7').attr('value', '');  
              $('#position8').attr('value', '');  
              $('#position9').attr('value', '');  
              $('#position10').attr('value', '');  
      } else if (currentVal == 2700) {
          $("#d_names p")
              .slice(0, -4)
              .fadeIn();
              $('#delegate7').attr('value', '');  
              $('#delegate8').attr('value', '');  
              $('#delegate9').attr('value', '');  
              $('#delegate10').attr('value', '');  
              $('#position7').attr('value', '');  
              $('#position8').attr('value', '');  
              $('#position9').attr('value', '');  
              $('#position10').attr('value', '');  
      } else if (currentVal == 3150) {
          $("#d_names p")
              .slice(0, -3)
              .fadeIn();
              $('#delegate8').attr('value', '');  
              $('#delegate9').attr('value', '');  
              $('#delegate10').attr('value', '');  
              $('#position8').attr('value', '');  
              $('#position9').attr('value', '');  
              $('#position10').attr('value', '');  
      } else if (currentVal == 3600) {
          $("#d_names p")
              .slice(0, -2)
              .fadeIn();
              $('#delegate9').attr('value', '');  
              $('#delegate10').attr('value', '');  
              $('#position9').attr('value', '');  
              $('#position10').attr('value', '');  
      } else if (currentVal == 4050) {
          $("#d_names p")
              .slice(0, -1)
              .fadeIn();
              $('#delegate10').attr('value', '');  
              $('#position10').attr('value', '');  
      } else if (currentVal == 4500) {
          $("#d_names p")
              .slice(0)
              .fadeIn();
      }
  
      if (!isNaN(currentVal)) {
          $('#sub')
              .val(currentVal)
              .formatCurrency({
              region: 'en-GB'
          });
          $('#vat')
              .val((currentVal) / 100 * 20)
              .formatCurrency({
              region: 'en-GB'
          });
          $('#total')
              .val((currentVal) * 1.2)
              .formatCurrency({
              region: 'en-GB'
          });
         $('.sub').html((currentVal)).formatCurrency({region: 'en-GB'});
         $('.vat').html((currentVal)/100 * 20 ).formatCurrency({region: 'en-GB'});
         $('.total').html((currentVal) * 1.2 ).formatCurrency({region: 'en-GB'});
  
  
  
      } else {
          $('#sub')
              .val(0);
          $('#vat')
              .val(0);
          $('#total')
              .val(0);
      }
  
  
  });
  
  
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>    &lt;p class="selectq"&gt;&lt;select name="numbers" id="delegates"&gt;
            &lt;option value=""&gt;Places required&lt;/option&gt;
            &lt;option value="450"&gt;1&lt;/option&gt;&lt;option value="900" &gt;2&lt;/option&gt;&lt;option value="1350"&gt;3&lt;/option&gt;
            &lt;option value="1800"&gt;4&lt;/option&gt;
            &lt;option value="2250"&gt;5&lt;/option&gt;
            &lt;option value="2700"&gt;6&lt;/option&gt;
            &lt;option value="3150"&gt;7&lt;/option&gt;
            &lt;option value="3600"&gt;8&lt;/option&gt;
            &lt;option value="4050"&gt;9&lt;/option&gt;
            &lt;option value="4500"&gt;10&lt;/option&gt;
     &lt;/select&gt;&lt;/p&gt;
           &lt;p&gt;Delegate names (£450+VAT per delegate):&lt;/p&gt;
            &lt;p class="regs"&gt;&lt;span&gt;Name&lt;/span&gt;Position&lt;/p&gt;
  &lt;div id="d_names"&gt;
                &lt;p&gt;&lt;label for="delegate1"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate1" size="20" name="delegate1"  /&gt;
                &lt;label for="position1"&gt;Position&lt;/label&gt;&lt;input type="text" id="position1" size="20" name="position1"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate2"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate2" size="20" name="delegate2"  /&gt;
                &lt;label for="position2"&gt;Position&lt;/label&gt;&lt;input type="text" id="position2" size="20" name="position2"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate3"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate3" size="20" name="delegate3"  /&gt;
                &lt;label for="position3"&gt;Position&lt;/label&gt;&lt;input type="text" id="position3" size="20" name="position3"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate4"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate4" size="20" name="delegate4"  /&gt;
                &lt;label for="position4"&gt;Position&lt;/label&gt;&lt;input type="text" id="position4" size="20" name="position4"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate5"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate5" size="20" name="delegate5"  /&gt;
                &lt;label for="position5"&gt;Position&lt;/label&gt;&lt;input type="text" id="position5" size="20" name="position5"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate6"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate6" size="20" name="delegate6"  /&gt;
                &lt;label for="position6"&gt;Position&lt;/label&gt;&lt;input type="text" id="position6" size="20" name="position6"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate7"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate7" size="20" name="delegate7"  /&gt;
                &lt;label for="position7"&gt;Position&lt;/label&gt;&lt;input type="text" id="position7" size="20" name="position7"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate8"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate8" size="20" name="delegate8"  /&gt;
                &lt;label for="position8"&gt;Position&lt;/label&gt;&lt;input type="text" id="position8" size="20" name="position8"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate9"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate9" size="20" name="delegate9"  /&gt;
                &lt;label for="position9"&gt;Position&lt;/label&gt;&lt;input type="text" id="position9" size="20" name="position9"  /&gt;&lt;/p&gt;
              &lt;p&gt;&lt;label for="delegate10"&gt;Name&lt;/label&gt;&lt;input type="text" id="delegate10" size="20" name="delegate10"  /&gt;
                &lt;label for="position10"&gt;Position&lt;/label&gt;&lt;input type="text" id="position10" size="20" name="position10"  /&gt;
            &lt;/p&gt;
  
        &lt;/div&gt;
        &lt;br class="clearfloat"&gt;&lt;p class="price"&gt;Subtotal: &lt;span class="sub"&gt;&lt;/span&gt;&lt;/p&gt;
        &lt;p class="price"&gt;VAT: &lt;span class="vat"&gt;&lt;/span&gt;&lt;/p&gt;
        &lt;p class="price"&gt;Total: &lt;span class="total"&gt;&lt;/span&gt;&lt;/p&gt;
         &lt;input type="hidden" name="sub"  id="sub" value=""/&gt;&lt;input type="hidden" name="vat"  id="vat" value="" /&gt;&lt;input type="hidden" name="total"  id="total"  value=""/&gt;
  </code></pre>