title: Form fields inside sortable li is not working
body: <p>I have created some sortable li and inside every li there is a form which is displayed on click of a button.
  every thing is working fine except the form fields inside those li are not working but yes when we right click on them they start functioning properly. Click here for <a href="http://jsfiddle.net/Abhimanue/UD52G/" rel="nofollow">live demo</a>.   </p>
  
  <pre><code>        $(function() {
          $( "#sortable" ).sortable({
              placeholder: "ui-state-highlight"
          });
          $( "#sortable" ).disableSelection();
  
          var fieldsCount = $(".remove").length;
          $(".btn").click(function (e) {
  
              e.preventDefault();
  
              if(fieldsCount){
                  number = $('ul#sortable li:last').attr("id");
                  fieldsCount++;
                  $("#sortable").append('&lt;li id ="'+fieldsCount+'" class="ui-state-default"&gt;&lt;a class="remove ui-icon hello'+fieldsCount+'"&gt;remove&lt;/a&gt;&lt;span class="ui-icon down_arrow"&gt;&lt;/span&gt;row '+fieldsCount+' &lt;div class="toggle_div" id="toggle_div"&gt;&lt;div class="field_left" id="field_left"&gt;&lt;input type="text" name="" class="" id="" placeholder="label"&gt;&lt;/input&gt;&lt;/div&gt;&lt;div class="field_right" id="field_right"&gt;&lt;select name="" class="" id="" &gt;&lt;option&gt;Text field&lt;/option&gt;&lt;option&gt;Textarea&lt;/option&gt;&lt;option&gt;Dropdown&lt;/option&gt;&lt;option&gt;Radio Button&lt;/option&gt;&lt;/select&gt;&lt;input type="text" class="" id="" placeholder="discription" &gt;&lt;/input&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;');
                          $("#sortable").sortable('refresh');
                  }else{
                      $("#sortable").append('&lt;li id="1" class="ui-state-default"&gt;&lt;a class="remove ui-icon hello1"&gt;remove&lt;/a&gt;&lt;span class="ui-icon down_arrow"&gt;&lt;/span&gt;row 1 &lt;div class="toggle_div" id="toggle_div"&gt;&lt;div class="field_left" id="field_left"&gt;&lt;input type="text" name="" class="" id="" placeholder="label"&gt;&lt;/input&gt;&lt;/div&gt;&lt;div class="field_right" id="field_right"&gt;&lt;select name="" class="" id="" &gt;&lt;option&gt;Text field&lt;/option&gt;&lt;option&gt;Textarea&lt;/option&gt;&lt;option&gt;Dropdown&lt;/option&gt;&lt;option&gt;Radio Button&lt;/option&gt;&lt;/select&gt;&lt;input type="text" class="" id="" placeholder="discription" &gt;&lt;/input&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;');
                      $("#sortable").sortable('refresh');
                  }
  
          });
  
          $("#sortable").on("click", "a.remove", function(){
              $(this).parent().remove();
              $("#sortable").sortable('refresh');
          });
          var flip = 0;
          $("#sortable").on("click", "span", function(){
              $(this).next(".toggle_div").toggle('slow', function(){
                  if(flip++ % 2 == 0){
                      $(this).removeClass("up_arrow");
                      $(this).addClass("down_arrow");
                  }else{
                      $(this).removeClass("down_arrow");
                      $(this).addClass("up_arrow");
                  }
              });
              $("#sortable").sortable('refresh');
          });
      });
  </code></pre>