title: No Line Break With jQuery .append()
body: <p>I'm parsing a XML using jQuery with the following code:</p>
  
  <pre><code>function appendNav(xml) {
      $(xml).find("Nav").each(function() {
          $("#navBar").append("&lt;a id='navItem' href='" + $(this).find("Link").text() + "'&gt;" + $(this).attr("name") + "&lt;/a&gt;");
          $("#navBar").append("&lt;div class='navItemSep'&gt; | &lt;/div&gt;");
      });
  
      $(".navItemSep").filter(":last").remove();
  }
  </code></pre>
  
  <p>And using the following XML:</p>
  
  <pre><code>&lt;Navbar&gt;
      &lt;Nav name="Home"&gt;
          &lt;Link&gt;index.html&lt;/Link&gt;
      &lt;/Nav&gt;
      &lt;Nav name="Twitter"&gt;
          &lt;Link&gt;http://twitter.com/nathanpc&lt;/Link&gt;
      &lt;/Nav&gt;
  &lt;/Navbar&gt;
  </code></pre>
  
  <p>The problem is that I'm getting this on multiple lines instead of only a single one. What I need to do to make it output this on a single line?</p>