Generating div,ul,li,a tag combination dynamically using jquery
<p>My Jade!
<a href="https://lh4.googleusercontent.com/-hzRqciA1Tjs/UGmc39ijHuI/AAAAAAAAAFk/0XJzY0ZqU70/s720/App.jpg" rel="nofollow">https://lh4.googleusercontent.com/-hzRqciA1Tjs/UGmc39ijHuI/AAAAAAAAAFk/0XJzY0ZqU70/s720/App.jpg</a></p>

<pre><code>div(data-role='content')
   div(class='content-primary')
      ul(data-role="listview", data-split-theme='a',data-split-icon='gear')
         li(data-theme='a')
          a(href="")
            div(id='addClientDivId')
          a(href='#', data-icon='delete', title=' Delete ') 
</code></pre>

<p>I wanna generate the above jade contents dynamically using jquery.
Can anyone help me..???</p>

<p>As i dont have reputation, I have uploaded a image screenshot to picasa.Refer the screenshot. I have tried all the possibilities given below, but couldn get the effects as on the screenshot.</p>

<p>Answer:</p>

<p>I have found solution for my query.</p>

<pre><code>var newContent = '&lt;div data-role="content" data-theme="a" class="content-primary"&gt;';
        newContent += '&lt;ul data-role="listview" data-split-theme="a" data-inset="true" id="ulId"&gt;';
        newContent += '&lt;li&gt;';
        newContent += '&lt;a href=""&gt;';
        newContent += '&lt;h4&gt;&lt;/h4&gt;';
        newContent += '&lt;h5&gt;&lt;/h5&gt;';
        newContent += '&lt;a href="" , data-icon="delete"&gt;';
        newContent += '&lt;/a&gt;';
        newContent += '&lt;/a&gt;';
        newContent += '&lt;/li&gt;';
        newContent += '&lt;/ul&gt;';
        newContent += '&lt;/div&gt;';
        $("#addClientDivId").append(newContent).trigger('create'); 
</code></pre>
