Как вырвать теги из HTML через jquery?

Question

[sutkin main]

Привет всем, при выборе одного пункта из списка он добавляется динамически родителю, как теперь по клику на добавленный элемент вернуть его на место?

<div class="main_choice clearfix">
	<div class="main_choice_input">Добавить личность</div>
		<ul class="choice">
			<li><p>lorem1</p></li>
			<li><p>lorem2</p></li>
			<li><p>lorem3</p></li>
			<li><p>lorem4</p></li>							
		</ul>
	</div><!-- main_choice -->

а так я его клонирую:

$('.choice li p').click(function(){
      var t = $(this);
      $(t).clone().appendTo('.main_choice');
      $(this).hide();
    });
    $('.main_choice_input').on('click',function(){
       $(this).parent().find('ul').toggle();
    });

повторюсь, теперь при клике уже на созданный элемент $(t).clone().appendTo('.main_choice'); (то есть создался <p>lorem</p> ), нужно вернуть на место внутрь ul>li

Answer 1

[Murat Atila]

Какой то у вас больно сложный способ. Если я Вас правильно понял, то вот вам мой вариант.
codepen.io/theexplay/pen/RPGwQG