如何使用AJAX内联编辑列表项？

Question

我有一个文本字段，按钮和ul。用户在文本字段中输入电子邮件，然后单击按钮进行AJAX调用。如果电子邮件在数据库中有任何用户，则它会更新ul-＆gt; li。我想为用户提供在ul-＆gt; li中编辑数据的机会。我无法这样做。您对我如何做到这一点有什么想法吗？

#tasks-add= Button
#foo= textfield
#tasks= ul

<script>(This script to make Ajax call and update ul)
                  $("#tasks-add").click(function(){
                  $.ajax({
                  success: function(html){
                  $(".tasks").prepend(html);
                  },
                  type: 'post',
                  url: '<?php echo $this->createUrl('field')?>',
                  data: {
                  index:$("#foo").val(),index1: $(".tasks li").size()
                  },
                  cache: false,
                  dataType: 'html'
                  })
              });


               </script>


     <script> (this script to in line edit ul using jeditable)
 $(document).ready(function() {
     $('.tasks li').editable('http://www.google.com');
 });
</script> 



              <ul class="tasks">

***// this is what I am updating through Ajax. I want inline edit to be performed here***

               </ul>


<><><><><><><>><><>><><><><><><><><><><>

_task.php

**<li>
    <div class="panel">
                <?php if($check=='Player already existed'){
                    echo $index1.". ".$fname ." ".$lname;
                    echo "<label> Player already existed</label>";

                } else
                echo "<label> New Player will be added</label>";
                ?>
</div>
</li>**