Парсер из xml на html страницу

Здравствуйте.

Надо из xml документа передавать данные на html страницу.

Вот мой xml

<?xml version="1.0" encoding="utf-8" ?> 

<RecentBooks> 

  <Book> 

    <Title>Заголовок</Title> 

    <Description>Описание описание описание описание</Description> 

    <Smallimg>assets/small1.jpg</Smallimg> 

   <Bigimg>assets/1.jpg</Bigimg> 

   <Linkurl>http://cargocollective.com/jaimemartinez/</Linkurl> 

  </Book> 

</RecentBooks>

Вот скрипт

$(document).ready(function () { 

    $.ajax({ 

        type: "GET", 

        url: "assets/parser.xml", 

        dataType: "xml", 

        success: xmlParser 

    }); 

}); 

function xmlParser(xml) { 

    $('#load').fadeOut(); 

    $(xml).find("Book").each(function () { 



        $(".all").append('<a href="' + $(this).find("Linkurl").text() + '" data-largesrc="' + $(this).find("Bigimg").text() + '" data-title="' + $(this).find("Title").text() + '" data-description="' + $(this).find("Description").text() + '"> 

                     <img src="' + $(this).find("Smallimg").text() + '" alt="img01"/> 

                  </a>'); 

        $(".main").fadeIn(1000); 



    }); 



}

Так вывожу

<div class="main"> 

<div class="all"> 

</div> 

</div>

Если в скрипте пишу так

<img src="' + $(this).find("Smallimg").text() + '" alt="img01"/>

То картинка отображается.

Но мне надо, что бы картинка была ссылкой и я делаю так

<a href="' + $(this).find("Linkurl").text() + '" data-largesrc="' + $(this).find("Bigimg").text() + '" data-title="' + $(this).find("Title").text() + '" data-description="' + $(this).find("Description").text() + '"> 

                     <img src="' + $(this).find("Smallimg").text() + '" alt="img01"/> 

                  </a>

И у меня картинка пропадает совсем.

Подскажите где ошибка?