Jquery 将Div插入其他Div之上'；s

我目前有一个通过ajax提交的表单，成功后会将信息放在列表的顶部

我目前的布局是

<div id="projects">
    <div class="project">
         ....
    </div>
    <div class="project">
         ....
    </div>
    ....   
</div>

....
....
....   

而我是通过

var project = $('<div class="project">' +
                      '<div class="name">'+data.title+'</div>' +
                      '<div class="desc">'+data.desc+'</div>' +
                 '</div><hr />').fadeIn(1000, function() { }
                                   );
 $('.project:first-child').before(project);
 $('.project:first-child').highlightFade({color:'#e3e373',speed:4000,iterator:'exponential'});

var项目=$（“”+
''+数据.标题+''+
''+数据。描述+''+
fadeIn（1000，function（）{}
);
$（'project:first child'）。在（project）之前；
$（'project:first child'）.highlightFade（{color:'e3e373'，速度：4000，迭代器：'exponential'}）；

当列表中有某个内容时，这种方法可以很好地工作，但是当列表中没有任何内容时，它就会失败（因为它找不到包含project的类）

---

我将如何改进此功能，以便在列表中没有项目的情况下也能正常工作？

我会稍微改变一下

---

首先，我会避免以这种方式构建标记，至少在部分中是这样。如果

data.title

包含，比如说，

，我会稍微改变一下

首先，我会避免以这种方式构建标记，至少是部分。如果
data.title
包含，比如说，
非常感谢，这是我第一次使用Jquery，所以我还在学习API。非常感谢，这是我第一次使用Jquery，所以我还在学习API。
$("<div>").addClass("project")
  .appendChild($("<div>").addClass("name").text(data.title))
  .appendChild($("<div>").addClass("desc").text(data.desc));
  .hide().prependTo("#projects").fadeIn(1000);