title: jQuery append string
body: <p>Hello Stack Overflow i hope you are well today,</p>
  
  <p>I have this code:</p>
  
  <pre><code>  $('.add_child').click(function(){
      var attrName = $(this).attr('name');
      var count = $(this).attr('count');
      $(this).attr('count', (parseInt(count)+1))
      var input = $('&lt;input /&gt;');
      input.attr('type','text')
      input.attr('name',attrName+"["+count+"]" ) 
      $('.children_form').append('&lt;li&gt;'+[input]+'&lt;/li&gt;');
  })
  </code></pre>
  
  <p>i am trying to get my out to display as:</p>
  
  <pre><code>&lt;li&gt;&lt;input /&gt;&lt;/li&gt;
  </code></pre>
  
  <p>But it doesn't seem to work properly i am getting this code in my HTML</p>
  
  <pre><code>&lt;li&gt;[object Object]&lt;/li&gt;
  </code></pre>
  
  <p>I believe this line is giving me the issue:</p>
  
  <pre><code>$('.children_form').append('&lt;li&gt;'+[input]+'&lt;/li&gt;');
  </code></pre>