title: Appending HTML-Data from another file to a div
body: <p>I want to append HTML-Blocks into my website from an external file. The file is on my server and contains a blueprint for a list entry. When the user searches something, the results should be appended with a loop and displayed with the code from the external HTML file.</p>
  
  <p>Here is the structure of my page:</p>
  
  <p><strong>The main page</strong></p>
  
  <pre><code>&lt;div id="content"&gt;
    // Display List elements here
  &lt;div&gt;
  </code></pre>
  
  <p><strong>My JQuery code</strong></p>
  
  <pre><code>$.('#search-btn').click(function(){
    getElements();
  });
  
  function getElements(){
    // Getting elements from server and saving the in the variable data
    for(var i = 0; i &lt; data.length; i++){
      // Append the Elements to the div with id="content"
    }
  }
  </code></pre>
  
  <p><strong>Blueprint for an element, diffrent HTML file</strong></p>
  
  <pre><code>&lt;div class="element"&gt;
    &lt;p class="show_name"&gt;&lt;/p&gt;
    &lt;p class="show_email"&gt;&lt;/p&gt;
    &lt;p class="show_birthday"&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So, I need to append multiple blueprints to the content-div of the main page.
  Any ideas on how to implement this using JQuery? :)</p>