jquery addClass not working after ajax call
<p>hello i made a code which required to add a class after the ajax call . I am sure the code is right but still the class is not being added . Its really strange as everything else in code works and i am sure the code for addClass is right also i have checked console for any errors but there are no errors . here is my code</p>

<pre><code>$(document).on('click', '.miclickks', function(event) {
 event.preventDefault();

var for_uid = $(this).parents("li").attr('data');

var for_name = $(this).parents("li").attr('unme');

var for_pic = $(this).parents("li").attr('upic');

var owner_uid = $('.row-fluid').attr('uid');

var owner_name = $('.row-fluid').attr('usnm');

var owner_pic = $('.row-fluid').attr('usp');

var type = "kiss";

var dataString = "type=" + type + "&amp;for_uid=" + for_uid + "&amp;for_name=" + for_name + "&amp;for_pic=" + for_pic + "&amp;owner_uid=" + owner_uid + "&amp;owner_pic=" + owner_pic + "&amp;owner_name=" + owner_name; 

        $.ajax({
            type: "POST",
            url: "include/ajax.php",
            data: dataString,
            success: function (html) {
            if(html=="300")
            {
            $('#myModal .modal-body p').html("Error Please Try Again.");

            $('#myModal').modal('show');
            }
            else
            {
            $(this).addClass('active');     


            }
            }
        });



});
</code></pre>
