title: Concat two html elements
body: <p>I have this code:</p>
  
  <pre><code>var bread =  $('&lt;li/&gt;').html($('&lt;a/&gt;',{
      href: '#',
      text: 'Alle',
      click: function(){ Diagnose.start() } 
  }));
  bread += $('&lt;li/&gt;').html($('&lt;a/&gt;',{
      href: '#',
      text: data['icd1'].nummer,
      click: function(){ Diagnose.icd(2,data['icd1'].id) } 
  }));
  
  $('#side-panel2 .breadcrumb').html(bread.toString());
  </code></pre>
  
  <p>The problem is that the ouput is not the html i would like to have but instead its:</p>
  
  <pre><code>&lt;ul class="breadcrumb" style="margin-top: 9px;margin-bottom: 0px;font-size:11px"&gt;
   [object Object][object Object]
   .....
  </code></pre>
  
  <p>First my code looked like this:</p>
  
  <pre><code>$('#side-panel2 .breadcrumb').html($('&lt;li/&gt;').html($('&lt;a/&gt;',{
      href: '#',
      text: 'Alle',
      click: function(){ Diagnose.start() } 
  })));                                   
  $('#side-panel2 .breadcrumb').append($('&lt;li/&gt;').html($('&lt;a/&gt;',{
      href: '#',
      text: data['icd1'].nummer,
      click: function(){ Diagnose.icd(2,data['icd1'].id) } 
  })));
  </code></pre>
  
  <p>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</p>