I have this code:

```
var bread =  $('<li/>').html($('<a/>',{
    href: '#',
    text: 'Alle',
    click: function(){ Diagnose.start() } 
}));
bread += $('<li/>').html($('<a/>',{
    href: '#',
    text: data['icd1'].nummer,
    click: function(){ Diagnose.icd(2,data['icd1'].id) } 
}));

$('#side-panel2 .breadcrumb').html(bread.toString());

```

The problem is that the ouput is not the html i would like to have but instead its:

```
<ul class="breadcrumb" style="margin-top: 9px;margin-bottom: 0px;font-size:11px">
 [object Object][object Object]
 .....

```

First my code looked like this:

```
$('#side-panel2 .breadcrumb').html($('<li/>').html($('<a/>',{
    href: '#',
    text: 'Alle',
    click: function(){ Diagnose.start() } 
})));                                   
$('#side-panel2 .breadcrumb').append($('<li/>').html($('<a/>',{
    href: '#',
    text: data['icd1'].nummer,
    click: function(){ Diagnose.icd(2,data['icd1'].id) } 
})));

```

This solution worked but i would like to change the html in one step because with the code from above a little delay can be seen! Thanks