jquery - Get element from other web site into my div with out deleting content

Question

I have an html page (comp.html) with div "content" with some float elements, and under my div I have a link. After pushing this link (a #addphoto) into my div, a div from another page (#photo_content from boxes.html) should be inserted. How can I do this?

html:

<div class="content clearfix">
     <div class="photo">1</div>
     <div class="photo">2</div>
     <div class="photo">3</div>
     <div class="photo">4</div>
</div>
<a href="#" id="addphoto"></a>

css for it:

.content{
     width: 600px;
}
.photo{
     float:left;
     width:150px;
}

please help brothers, I'm really bad in jquery and Ajax