title: Clear div before appending
body: <p>Im currently unable to clear the container div before appending new elements. (The whole div is wiped clean when <code>empty()</code>, i dont want this. I simple want to remove the existing book holder elements. Is there something I'm doing it wrong? and/or could this because of the "text/template" script?)</p>
  
  <p><strong>HTML snippet</strong></p>
  
  <pre><code>&lt;div class="component"&gt;
      &lt;ul id="Maincontainer" class="align"&gt;
          &lt;script type="text/template" id="template"&gt;
               &lt;li id="bookHolder" class="bookHolder"&gt;
                  &lt;figure class="book"&gt;
                  &lt;!-- Front --&gt;
                      &lt;ul class="hardcover_front"&gt;
                          &lt;li&gt;
                              &lt;img src="{{imgURL}}" alt="" width="100%" height="100%"&gt;
                          &lt;/li&gt;
                          &lt;li&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  
                  &lt;/figure&gt;
              &lt;/li&gt;
          &lt;/script&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JQUERY snippet</strong></p>
  
  <pre><code>$.get( "URL", function(data) {
          var entry = $(data).find("entry");
          entry.each(function() {
              var template = $("#template").html();
              //$("#Maincontainer").remove(); - &gt;clear whole div, appended elements not show
              //$("#Maincontainer").remove("#bookHolder"); -&gt; Div not cleared
              $("#Maincontainer").append(template.replace("{{bookName}}", 
  bookName).replace("{{summary}}", summary).replace("{{price}}", price).replace("{{seller}}", artist).replace("{{imgURL}}", image)
  .replace("{{href}}", href).replace("{{category}}", category));
          });
     });
  </code></pre>