title: Show element after pageload
body: <p>In my html page i have an element of class <code>.breadcrumb</code> which is above the fold, i want to hide this element before pageload. And then <code>.appendTo</code> in another element ID <code>#BreadcrumbSnippet</code>.</p>
  
  <p>I have done the 2nd part, but the thing is it looks very odd when the page loads the breadcrumb moves where it supposed to be but in a very odd manner. so if i could hide the <code>.breadcrumb</code> and it only shows after page gets loaded and the div also appendTo in another div.</p>
  
  <pre><code>$(window).load(function() {
  $(".breadcrumbs").appendTo("#breadcrumbSnippet");
  });
  </code></pre>
  
  <p>In CSS i added <code>display: none;</code> but it keeps hidden.</p>