Question

I have a select with my servers and I load information on the selected server without reloading the page. I am using ajax and ReplaceWith().

I tried using live() to replace the information several times, but it only works once, why?

<script>
    $(function(){
        $('select').live('change', function(){
            $.ajax({
                type: "POST",
                url: "server.php",
                data: "hostname=" + $(this).val(),
                success: function(data){
                    $("#results").replaceWith(data);
                }
            })
        });
    });
</script>

Answer 1

It is because you are replacing the #results container with the data. The next time the $(“#results”) selector will not match any elements (because the container was replaced by the previous call).

.html() does not replace the container, but updates the content of the container.