Question

i shows the error where when i dd the li into my html. this li is covered the all the html section in my code. i dont know where i close the li

Answer 1

$('<li />', {'class': 'liBullet'}).append(
    $('<div />', {'class': 'layerCheck'}).append(
        $('<input />', {id: layer.id, type: "checkbox"})
    )
).append(
    $('<label />', {'for': layer.id, text: layer.name})
).append(
    $('<div />', {id: 'legend' + layer.id, 'class': 'loadingLegend'})
).appendTo("#layer_list");

FIDDLE