Нет разрыва строки с помощью jQuery .append ()

Question

Я анализирую XML, используя jQuery со следующим кодом:

function appendNav(xml) {
    $(xml).find("Nav").each(function() {
        $("#navBar").append("<a id='navItem' href='" + $(this).find("Link").text() + "'>" + $(this).attr("name") + "</a>");
        $("#navBar").append("<div class='navItemSep'> | </div>");
    });

    $(".navItemSep").filter(":last").remove();
}

И использую следующий XML:

<Navbar>
    <Nav name="Home">
        <Link>index.html</Link>
    </Nav>
    <Nav name="Twitter">
        <Link>http://twitter.com/nathanpc</Link>
    </Nav>
</Navbar>

Проблема в том, что я получаю этонесколько строк вместо одной.Что мне нужно сделать, чтобы вывести его в одну строку?

Answer 1

Попробуйте изменить div на span