title: Select drop down being disabled after one use
body: <p>I had to ask this question again because the first question I post wasn't specific enough to get an answer.</p>
  
  <p>Ok so I've been learning about web development and I'm currently a junior with this company, and my task is to fix bugs within a website that is still in production. There's one bug I just can't get my head round. I've searched all over, tried tinkering with things and still no luck. I know there's been a similar question on here but it didn't help me.</p>
  
  <p>What's happening is, when a customer selects an option from a drop-down (How many children do you have? 1, 2, 3, etc.) it produces more fields to pop up on the same page below the drop down. The amount of fields it produces depends on the number selected. Basically the aim of this is to produce fields so the customer can enter the details of each child they have.</p>
  
  <p>The problem: If a customer accidentally clicks the wrong amount of children it produces an accurate amount of fields, but then the customer can't go back and change what they first put on the drop-down. <strong>The drop-down seems to disable itself</strong> after one use.</p>
  
  <p>Here's the two blocks of code I think creates this (I might be wrong) apologies for the amount of code there is:</p>
  
  <pre><code>                    &lt;fieldset class="l" style="width:900px;"&gt;
                          &lt;label for="children"&gt;Which of these statements apply to you?&lt;/label&gt;
                          &lt;input type="radio" name="children" value="1" class="r" id="have-children"&lt;?php if($fetch['have_children'] &gt; 0) echo " checked"; ?&gt; /&gt; &lt;span&gt;I have children under the age of 18&lt;/span&gt;
                          &lt;input type="radio" name="children" value="0" class="r" id="no-children"&lt;?php if(isset($fetch['have_children']) &amp;&amp; $fetch['have_children'] == 0) echo " checked"; ?&gt; /&gt; &lt;span&gt;I do not have children/under the age of 18&lt;/span&gt;
                      &lt;/fieldset&gt;
                      &lt;div style="clear:both;"&gt;&lt;/div&gt;
                      &lt;fieldset class="l" style="margin:20px 0 0 15px; display:none;&lt;?php if($fetch['have_children'] &gt; 0) echo " display:block"; ?&gt;" id="number-children"&gt;
                          &lt;label for="marital-status"&gt;How many children do you have?&lt;/label&gt;
                          &lt;select name="children" id="children" class="s"&gt;
                              &lt;option value="0" disabled selected&gt;Please select...&lt;/option&gt;
                              &lt;option value="1"&lt;?php if($fetch['have_children'] == 1) echo " selected"; ?&gt;&gt;1 child&lt;/option&gt;
                              &lt;option value="2"&lt;?php if($fetch['have_children'] == 2) echo " selected"; ?&gt;&gt;2 children&lt;/option&gt;
                              &lt;option value="3"&lt;?php if($fetch['have_children'] == 3) echo " selected"; ?&gt;&gt;3 children&lt;/option&gt;
                              &lt;option value="4"&lt;?php if($fetch['have_children'] == 4) echo " selected"; ?&gt;&gt;4 children&lt;/option&gt;
                              &lt;option value="5"&lt;?php if($fetch['have_children'] == 5) echo " selected"; ?&gt;&gt;5 children&lt;/option&gt;
                              &lt;option value="6"&lt;?php if($fetch['have_children'] == 6) echo " selected"; ?&gt;&gt;6 children&lt;/option&gt;
                              &lt;option value="7"&lt;?php if($fetch['have_children'] == 7) echo " selected"; ?&gt;&gt;7 children&lt;/option&gt;
                              &lt;option value="8"&lt;?php if($fetch['have_children'] == 8) echo " selected"; ?&gt;&gt;8 children&lt;/option&gt;
                              &lt;option value="9"&lt;?php if($fetch['have_children'] == 9) echo " selected"; ?&gt;&gt;9 children&lt;/option&gt;
                              &lt;option value="10"&lt;?php if($fetch['have_children'] == 10) echo " selected"; ?&gt;&gt;10 children&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/fieldset&gt;
  </code></pre>
  
  <p>Here's my js</p>
  
  <p>Like I said I'm new to this please try and be patient with me :)</p>
  
  <pre><code>    $.fn.duplicate = function(parent, count, cloneEvents) {
  for (var i = 0; i &lt; count; i++) {
      parent.append(this.clone(cloneEvents))
  }
  $('h4.abt', parent).each(function(index) {
      $(this).html('About child ' + (index + 1));
  });
  }
  
  $(function() {
  $('#have-children').click(function() {
      $('#number-children').slideDown('slow');
      $('#next-step').css('display', 'none');
  });
  
  $('#example-will').click(function() {
      $('#popup').css('display', 'block');
      $('#overlay').css('display', 'block');
  });
  
  $('.close-btn').click(function() {
      $('#popup').css('display', 'none');
      $('#overlay').css('display', 'none');
  });
  
  
  $('#no-children').click(function() {
      $('#next-step').css('display', 'block');
      $('.child-container').css('display', 'none');
      $('#number-children').slideUp('slow');
      //$('#have-children').attr('disabled', 'disabled');
  });
  
  $('#children').change(function() {
      var getid = $(this).attr('value');
      $(this).attr('disabled', 'disabled');
      $('#next-step').css('display', 'block');
      $('.child-container').css('display', 'block');
  
      $('.child-container').duplicate($('#childrens'), getid-1);
  });
  
  $('#estate-value').change(function() {
      $("#next-step").css('display', 'block');
  });
  
  $('#no-item').click(function() {
      $('#next-step').css('display', 'block');
      $('#reciptype').css('display', 'none');
  
  });
  
  $('#yes-item').click(function() {
      $('#next-step').css('display', 'none');
      $('#reciptype').css('display', 'block');
  });
  
  $('#yes-item').click(function() {
      $('#next-step').css('display', 'none');
      $('#reciptype').css('display', 'block');
  });
  
  $('#specific-r').click(function() {
      $('#specific-recipient').css('display', 'block');
      $('#new-person').css('display', 'none');
      $('#charity-recipient').css('display', 'none');
  
  
  });
  
  $('#newperson-r').click(function() {
      $('#specific-recipient').css('display', 'none');
      $('#new-person').css('display', 'block');
      $('#charity-recipient').css('display', 'none');
  
  });
  
  $('#charity-r').click(function() {
      $('#specific-recipient').css('display', 'none');
      $('#new-person').css('display', 'none');
      $('#charity-recipient').css('display', 'block');
  });
  
  $('#choose-beneficaries input').click(function() {
      $('#next-step').css('display', 'block');
  });
  
  $('#ben-alreadynamed').click(function() {
      $('#specific-recipient').css('display', 'block');
      $('#new-person').css('display', 'none');
  });
  
  $('#ben-newperson').click(function() {
      $('#specific-recipient').css('display', 'none');
      $('#next-step').css('display', 'none');
      $('#new-person').css('display', 'block');
  });
  
  $('#beneficiary-details select#recipients').change(function() {
      $('#next-step').css('display', 'block');
  });
  
      $('#beneficiary-details select#recipients').change(function() {
      $('#next-step').css('display', 'block');
  });
  
  $('#anbe').click(function() {
      $('#selectrec').css('display', 'block');
  });
  
  $('#anbe').click(function() {
      $('#selectrec').css('display', 'block');
      $('#new-person').css('display', 'none');
  });
  
  $('#npbe').click(function() {
      $('#new-person').css('display', 'block');
      $('#selectrec').css('display', 'none');
  });
  
  
  
  });
  </code></pre>
  
  <p>I understand that there is a hell of a lot of code to go through here, but I would really appreciate some help in fixing this! </p>
  
  <p>Thanks for reading.</p>