add ul tag by jquery inside a div in a particular div class

i am using searching function by jquery , currently result coming in footer , i want that it come in particular class in div tab in this code result coming like this <ul></ul> but i want that it should be like this <div class="abc"> <ul></ul> </div> /code <div class="abc"> <script> jQuery(document).ready(function($){ $("#searchProduct").keyup(function(){ if($(this).val()==''){ $("ul.ui-autocomplete").hide(); } }); $('#searchProduct').autocomplete({ source: "<?php echo site_url(); ?>/[login to view URL]", minLength: 2, close : function (event, ui) { if (!$("ul.ui-autocomplete").is(":visible")) { $("ul.ui-autocomplete").show(); } } }).data( "ui-autocomplete" )._renderItem = function( ul, item ) { return $( "<li></li>" ) .data( "[login to view URL]", item ) .append( "<a href='"+item.id+"'>" + "<span>" + [login to view URL] + "</span>" +"</a>" ) .appendTo( ul ); } }); </script> </div>