Как я могу перезагрузить список идентификаторов в JQuery Load ()?

Question

load() работает хорошо, но есть проблема, это сделать дубликат списка. я даю место раньше #

моя ошибка:

ошибка

<li id="test">
<li id="test">logout
</li>
</li>

JQuery

 $.ajax({
          url :"vendor/php/login.php",
          type:"post",
          dataType : 'html',
          data:$('#log').serialize(),
          success: function() 
          {
             $('#log')[0].reset();
            $('.modal').hide();
            $("#test").load(" #test");
           },

HTML

<li>
    <a href="contact.php">Contact</a>
     </li>
    <?php   if(isset($_SESSION['SESS_MEMBER_ID'])){?>
    <span id="logout"><a href="#">logout</a></span>
        <?php   }else{ ?>
        <span id="login"><a href="#">login</a></span>
                        <?php   }
                        ?>