title: I need to append some li tag structure using jQuery
body: <p>I need to append li and ul tag using jquery on  click event on specific tag.</p>
  
  <p>i am using following method for append :</p>
  
  <pre><code> $(".education_elements").append(&lt;put below Html code&gt;);
  </code></pre>
  
  <p>Here is my html which i am need to append.</p>
  
  <pre><code> &lt;li class="education_element_1"&gt;                                        
       &lt;ul&gt;
             &lt;li&gt;
              &lt;div class="right-side"&gt;
                  &lt;div class="iwill"&gt;
                      &lt;input type="text" size="60" class="do_input text_do_input"  name="education_jobtitle" value="" id="education_jobtitle" placeholder="Please type your school or collage name here" /&gt; &lt;br/&gt;&lt;span class="text_right"&gt;*&lt;?php _e('Minimum 30 &amp; Maximum 60 Character','PricerrTheme'); ?&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
          &lt;h2&gt;Course&lt;span class="mark tooltip" title="Please type the title of your advert in this box."&gt;?&lt;/span&gt;&lt;/h2&gt;
           &lt;div class="right-side"&gt;
              &lt;div class="iwill"&gt;
                  &lt;input type="text" size="40" class="do_input text_do_input"  name="education_cource" value="" id="education_cource" placeholder="Please type your course title here"/&gt;&lt;/span&gt;
               &lt;/div&gt;
           &lt;/div&gt;
           &lt;/li&gt;
          &lt;li&gt;
              &lt;h2&gt;From&lt;span class="mark tooltip" title="Please type the title of your advert in this box."&gt;?&lt;/span&gt;&lt;/h2&gt;
               &lt;div class="right-side"&gt;
                  &lt;div class="iwill"&gt;
                      &lt;input type="text" size="40" class="do_input text_do_input"  name="education_from" value="" id="education_from" placeholder="DD / MM / YYYY"/&gt;&lt;/span&gt;
                   &lt;/div&gt;
               &lt;/div&gt;
          &lt;/li&gt;                     
          &lt;li&gt;
              &lt;h2&gt;To&lt;span class="mark tooltip" title="Please type the title of your advert in this box."&gt;?&lt;/span&gt;&lt;/h2&gt;
               &lt;div class="right-side"&gt;
                  &lt;div class="iwill"&gt;
                      &lt;input type="text" size="40" class="do_input text_do_input"  name="education_to" value="" id="education_to" placeholder="DD / MM / YYYY"/&gt;&lt;/span&gt;
                   &lt;/div&gt;
               &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;h2&gt;&lt;?php echo __('Status', 'PricerrTheme'); ?&gt;&lt;span class="mark tooltip" title="Will you provide your customers support after the session; most people like to follow up with their mentors and coaches. If you'd like to provide support through email message please select its duration."&gt;?&lt;/span&gt;&lt;/h2&gt;
              &lt;div class="right-side"&gt;
                  &lt;select class="do_input select_do_input" name="education_status" id="education_status"&gt;
                      &lt;option value=""&gt;Please Select Your Course Status&lt;/option&gt;
                      &lt;option value="No Support"&gt;Passed (completed)&lt;/option&gt;
                      &lt;option value="One Week"&gt;Failed (re-doing)&lt;/option&gt;
                      &lt;option value="Two Weeks"&gt;Failed (quited)&lt;/option&gt;
                      &lt;option value="Three Weeks"&gt;Currently Doing (outgoing)      &lt;/option&gt;
                  &lt;/select&gt;   
              &lt;/div&gt;                                          
          &lt;/li&gt;  
      &lt;/ul&gt;                                   
  &lt;/li&gt;
  </code></pre>
  
  <p>if any one know any other method for this so please tell me please.</p>
  
  <p>Thanks</p>