I created a snippet for ajax but that doesn't seem to work when I write
 AJAX and press enter It removes the the ajax string is removed rather making a $.ajax({}) function as defined in the snippet.

<snippet>
 <content><![CDATA[
$.ajax{(
 url:"${1:url}",
 dataType:"${2:dataType}",
 data:"${3:data}",
 beforeSend:function(){
 "${4:beforesend}"
 },
 fail:function(jqXHR,textStatus){
 "${5:"textstatus"}
 },
 success:function(response){
 "${6:response}"
 },
 complete:function(){
 "${7:complete}"
 },

)};
]]></content>
 <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 <tabTrigger>Ajax</tabTrigger>
 <!-- Optional: Set a scope to limit where the snippet will trigger -->
 <!-- <scope>source.python</scope> -->
</snippet>