Adding Dynamically ?

Adding Dynamically ?

Im trying to add a newly created dynamic div to the page without reloading the page. The code is -->

$.post(' sampleInsert.php',function(data){
  if(data.value){
  alert('Inserted');
  location.reload();  // Instead of reloading the page is there anyway adding without reload?
  }else{
  alert(data.Message);
  }
  },'json');
If i append the value what should i append (data ?) .
var html = '';
    $.post(' sampleload.php',function(data){
        $.each(data, function( index, value){
  var divid = value.ItemID;
         html += '<div class="left" id="'+divid+'">\
                <div class="image_area" id="nm_image_area"><img src="'+value.Pic+'" class="img_area_dyn_div">\
                    <div class="edit_box" id="edit_box">\
                        <div class="icons" id="ed_del_icons">\
                            <i class="icon-pencil hover_icons"></i>\
                            <i class="icon-trash hover_icons"></i>\
                        </div>\
                    </div>\
                </div>\
                <div class="nv">\
                    <div class='+cls+'></div>\
                </div>\
                <div class="name_area">'+value.ItemName+'</div>\
                <div class="rating" data-average= "'+value.Rating+'"  id="1"></div>\
                <div class="nm_price_area"><i class="icon-inr rupee"></i>'+value.Cost+'</div>\
            </div>';
        });
$('#example').html(html);
},'json');

This is the dynamic div structure which is created on sampleInsert.