jQuery clone one element

	<div id="contition_container">
	<div class="contition-group contition-group-style form-group">
	<select class="keys form-control" style="width: 30%; margin-right: 10px; float:left">
	<option value="">Keys</option>
	<% @category.app.data_to_json.map { |o| o.keys}.flatten.uniq.each do |k|%>
	<option value="<%= k %>"><%= k %></option>
	<% end %>
	</select>
	<select class="operators form-control" style="width: 10%; margin-right: 10px; float:left">
	<option value=">">Operators</option>
	<option value=">">></option>
	<option value=">">=></option>
	<option value=">"><</option>
	<option value=">"><=</option>
	<option value=">">==</option>
	<option value=">">!=</option>
	</select>
	<input type="text" class="form-control contitions" placeholder="value" style="float:left">
	<select class="logical form-control" style="width: 10%; margin-right: 10px; float:left">
	<option value=">">Logical</option>
	<option value=">">and</option>
	<option value=">">not</option>
	</select>
	<a class="clone btn btn-primary" style="float:left">more</a>
	</div> </div>
	<script type="text/javascript" charset="utf-8">
	$(".clone").click(function(){
	$(".contition-group").clone().prependTo("#contition_container")
	$(".contition-group").last().removeClass("contition-group")
	$(".clone").first().fadeOut("slow")
	});
	</script>

view raw jQuery clone one element hosted with ❤ by GitHub