$ajax代码块内部的append()不起作用，怎么办？

  <script>
		$(document).ready(function(){
         var Case_Category="{$Case_Category}";
		 var Case_Name="{$Case_Name}";
		 var Case_Identification="{$Case_Identification}";
			/*$("#main").append('<li class="jstree-open" id="l12">'+"文书卷"+'</li>');*/
          $.ajax({
			    type : "GET",
			    url :'/Collect/index.php/Case/Get_Case_List_File_Name',
			    data :{Case_Identification:Case_Identification,Case_Name:Case_Name},
				dataType: "json",
			    success :function(data) {
				$("#main").find("li").remove();
					/*$("#main").append('<li class="jstree-open" id="l12">'+"文书卷"+'</li>');*/
				$.each(data,function(index,item){
				var i=index+1;
				alert('<li class="jstree-open" id="l12">'+item.Case_File_Name+'</li>');
				/*$("#main").append('<li class="jstree-open" id="l12">'+item.Case_File_Name+'</li>');*/
					$("#main").append('<li class="jstree-open" id="l12">'+"证据卷"+'</li>');
				});
									
			                       },
			            error : function() {
				                  
			                               }
		                            });
});
		</script>
<ul id="main" name="main">
                                <li class="jstree-open">H+主题
                                   
                                </li>
								
                            </ul>

$ajax代码块内部的alert('<li class="jstree-open" id="l12">'+item.Case_File_Name+'</li>');能正常执行，item.Case_File_Name能获取到数据，但$("#main").find("li").remove();和$("#main").append('<li class="jstree-open" id="l12">'+"证据卷"+'</li>');不起作用，也不提示错误，在怎么回事？

$("#main").find("li") 和$("#main")  debug看看能不能获取到元素。

如果可以，看看样式是不是隐藏