私のAjaxリクエストで何が間違っていますか？

Question

jqueryを使用してAjaxリクエストを作成していますが、コードは正常に動作しています。ファイヤーバグでコードを調べると、予期せぬものが発生することがあります。タグ。スクリプトは次のとおりです。

警告（データ） - >

<div class="list"> 
    <ul> 
     <li><a href="javascript:void(0);">Option 1</a></li> 
     <li><a href="javascript:void(0);">Option 2</a></li> 
     <li><a href="javascript:void(0);">Option 3</a></li> 
    </ul> 
</div> 

のアラート（$（ '＃メイン'）HTML（：

$.ajax({ 
    url: '/some/request/', 
    type: 'GET', 
    success: function(data){ 
     $('#main').html(data); 

     // To see the error I do this: 
     alert(data); 
     alert($('#main').html()); 
    } 
}); 

アラートは、このような何かを返します。 ）） - >

<div class="list"> 
    <a></a> 
    <ul> 
     <a></a> 
     <li><a href="javascript:void(0);">Option 1</a></li> 
     <li><a href="javascript:void(0);">Option 2</a></li> 
     <li><a href="javascript:void(0);">Option 3</a></li> 
    </ul> 
</div> 

いくつか余分なタグ ...なぜ私は方法$（ '＃main'）.html（data）がそのように働いているのか分かりません。

編集 - 詳細：

• 私は、Firefox 7.01、しかし が発生したGoogleのChromeで同じ問題を使用しています。
• 私は1.6.2
• に例のjQueryを使用しています：あなたのフィドルに基づいてhttp://jsfiddle.net/z4rYU/3/

Answer 1

を、あなたのアンカータグが正しく閉じられていません。

var data = '<div id="main-header"><ul id="breadcrumb"><li class="crumb"><a href="#/">option 1</a></li><li class="crumb"><a href="#/">option 2</a></li></ul>'; 

//Changed: <a href="#/">option 2<a> 
//To:  <a href="#/">option 2</a> 

ここa corrected fiddleだ：以下修正文字列を参照してください。