title: How to append the label text in the same line using jQuery appendTo?
body: <p>I want to append the text for the label when clicking Add Label button, in one line like below,</p>
  
  <p>value1, value2, value3 and etc....</p>
  
  <p>But I am not able to achieve what I want, what is going wrong here? here is the jsfiddle.</p>
  
  <p><a href="http://jsfiddle.net/KendoDev/7ot577qp/" rel="nofollow">http://jsfiddle.net/KendoDev/7ot577qp/</a></p>
  
  <pre><code>&lt;div style="display:inline"&gt;
      &lt;button id="addButton" &gt; Add Label &lt;/button&gt;
  
  &lt;/div&gt;
  &lt;div id="holder"&gt;
  
  
  
  
    $(document).ready(function() {
      var i = 0 ;
      var labelID = '';
      $("#addButton").click(function(){
       i = i+1; 
          labelID= 'label'+i+ ',';
          $('&lt;div /&gt;', {
  
          })
              .addClass("label")
              .appendTo("#holder");
          $('&lt;label /&gt;', {
              for: 'holder'       
          })
             .attr('id', labelID)
             .text("Value" + i)
             .appendTo("#holder")
          .click(function (e) {
                  var name = $('#'+labelID).text();
              alert("event fired: text is: "+ e.currentTarget.textContent + " \n label id is:   " + e.currentTarget.id);
          });    
          $('&lt;div&gt; , &lt;/div&gt;')
              .appendTo("#holder");
  
      });
  
      });
  </code></pre>