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>