Jquery remove and $(this)
<p>I have problem with <code>remove()</code> method. I can't remove <code>$(this)</code> object. My code is:</p>

<pre><code>$(".submit_add_type").live("click", function() {
        var parent = $(this).parent();
        var type_value = parent.children('.type_value').val();
        var type_name = parent.children('.type_name').val();
        var parent2 = parent.parent();
        var permission = parent2.attr('id').replace('perm_types_', '');

        $.ajax({
            url: "/admin/ajax/permission_type_add", type: "POST", cache: false,
            data: {
                permission: permission,
                type_value: type_value,
                type_name: type_name,
            },
            success: function(text) {
                if(text.substr(0,2) == "ok") {
                    var id = text.replace('ok|', '');

                    $(this).remove();
                    parent.append('&lt;input class="submit" type="submit" name="" value="edytuj" id="edit_type_'+ id +'" /&gt; &lt;input class="submit delete_type" type="submit" name="" value="usuń" id="delete_type_'+ id +'" /&gt;')

                } else {
                    alert(text);
                }
            }
        });
    });
</code></pre>

<p>When I change <code>$(this).remove();</code> on <code>$(".submit_add_type").remove();</code> it works perfectly. What could be wrong?</p>

<p>The thing is, there can be other objects with this <code>submit_add_type</code> class and I want to remove only a particular one.</p>
