title: jQuery generated select option not working on dynamic fields
body: <p>I have two static select fields on which jQuery script append years as options from dropdown menu and dynamic fields similar two that first two which you can add on click of 'weiter' link.</p>
  
  <p>Now script for year value append works great on that first two fields which are static, but it is not appliead on that dynamically generated fields, even I'm calling them with the same class 'von_bis' as the first two.</p>
  
  <p>This is because they don't exist on load of document, I suppose....</p>
  
  <p>Here is current situation: <a href="http://jsfiddle.net/dzorz/PnRnR/" rel="nofollow">http://jsfiddle.net/dzorz/PnRnR/</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;span class="label-f"&gt;von:&lt;/span&gt;
  &lt;select class="span2 von_bis" id="von" name="von"&gt;
      &lt;option value="0"&gt;von&lt;/option&gt;
  &lt;/select&gt;
  &lt;span class="label-f"&gt;bis:&lt;/span&gt;
  &lt;select class="span2 von_bis" id="bis" name="bis"&gt;
      &lt;option value="0"&gt;bis&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div id="yearWrapper"&gt;
  &lt;/div&gt;
  
  &lt;a href="" id="btn_weitere" class="btn_weitere"&gt;weitere&lt;/a&gt;
  </code></pre>
  
  <p>script:
      //years</p>
  
  <pre><code>$(function(){
      for (i = new Date().getFullYear(); i &gt; 1900; i--)
      {
          $('.von_bis').append($('&lt;option/&gt;').val(i).html(i));
      }
  });
  //dinamic
  $(document).ready(function() {
  
          var MaxInputs       = 5; //maximum input boxes allowed
          var InputsWrapper   = $("#yearWrapper"); //Input boxes wrapper ID
          var AddButton       = $("#btn_weitere"); //Add button ID
  
          var x = InputsWrapper.length; //initlal text box count
          var FieldCount=1; //to keep track of text box added
  
         $(AddButton).click(function (e)  //on add input button click
              {
                  if(x &lt;= MaxInputs) //max input box allowed
                  {
                      FieldCount++; //text box added increment
                      //add input box
                      $(InputsWrapper).append('\
                      &lt;div class="form-inline f-i-f-d"&gt;\
                          &lt;div class="form-inline f-i-f-d"&gt;\
                              &lt;select class="span2 von_bis" id="von'+ FieldCount +'"\
                              name="von'+ FieldCount +'"&gt;\
                              &lt;option value="0"&gt;von&lt;/option&gt;\
                              &lt;/select&gt;\
                              &lt;select class="span2 von_bis" id="bis'+ FieldCount +'"\
                              name="bis'+ FieldCount +'"&gt;\
                              &lt;option value="0"&gt;bis&lt;/option&gt;\
                              &lt;/select&gt;\
                          &lt;/div&gt;\
                          &lt;a href="#" class="removeclass"&gt;remove&lt;/a&gt;\
                      &lt;/div&gt;');
                      x++; //text box increment
                  }
                  return false;
                  });
  
                  $("body").on("click",".removeclass", function(e){ //user click on remove text
                  if( x &gt; 1 ) {
                          $(this).parent('div').remove(); //remove text box
                          x--; //decrement textbox
                  }
                  return false;
                  })
  
          });
  </code></pre>
  
  <p>How can it be applied to these dynamic fields?  </p>