Как добавить 2 HTML элементы в ряд с JQuery

Question

Я хотел бы добавить некоторые HTML содержимого в список, чтобы в конечном итоге, как это,

<ul> 
<li> 
<input /> 
<label><img></label> 
</li> 
</ul> 

Я использую метод для на добавление читаемости, но «input» вложен в другой элемент html (что нормально, я думаю), как я могу достичь верхней формы отображения с помощью метода append?

function updateFunction(id, image, label) { 
    $.colorbox.close(); 

    $("#checkbox_list").append(
    $("<li/>", { 
     "id": "medias_bloc_"+id, 
     html: $("<input/>", { 
     "type": "checkbox", 
     "value": id, 
     "class": "check_box", 
     "checked": "checked" 
     }) 
    }) 
); 

    $("#medias_bloc"+id).append(
    $("<label/>", { 
     "for": "medias_list_"+id, 
     "html": $("<img/>", { 
     "src": "/uploads/Media/thumb/"+image, 
     "width": 100, 
     "height":100 
     }) 
    }) 
); 

    } 

ТНХ

Answer 1

Попробуйте это:

$("<li/>", { 
    "id": "medias_bloc_"+id, 
    html: $("<input/>", { 
    "type": "checkbox", 
    "value": id, 
    "class": "check_box", 
    "checked": "checked" 
    }) 
}).append(
$("<label/>", { 
    "for": "medias_list_"+id, 
    "html": $("<img/>", { 
    "src": "/uploads/Media/thumb/"+image, 
    "width": 100, 
    "height":100 
}) 

<label> элемент будет добавлять непосредственно к <li> элементу.

Answer 2

Простой. Просто измените эту строку:

$("#medias_bloc"+id).append(

к этому:

$("#checkbox_list").append(

Edit: Нет, подождите, неправильно код; это не сработает.