jQuery append string
<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>
