title: Sublime snippet for ajax not working
body: <p>I am trying to create a snipped that every time I type <code>ajax</code> follow by the tab button to insert code, but when I type ajax and press the tab button it just deletes the <code>ajax</code> text for the snippet, I have saved it as ajax.sublime-snippet</p>
  
  <p><strong>My snippet</strong></p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;snippet&gt;
      &lt;content&gt;&lt;![CDATA[
      $('#${1:binder}').on("", function()
      {
          $.ajax({
              url: ${2:url},
              type: ${3:post},
              success: function(data)
              {
                  if(!data.success)
                  {
                      $('#error_message').html(data.error + alert_close).show();
                  }else{
                      $('#success_message').html(data.success + alert_close).show();
  
                  }
              }
          });
      });
  ]]&gt;&lt;/content&gt;
      &lt;!-- Optional: Set a tabTrigger to define how to trigger the snippet --&gt;
      &lt;tabTrigger&gt;ajax&lt;/tabTrigger&gt;
      &lt;!-- Optional: Set a scope to limit where the snippet will trigger --&gt;
      &lt;!-- &lt;scope&gt;source.python&lt;/scope&gt; --&gt;
  &lt;/snippet&gt;
  </code></pre>
  
  <p>How can I fix this?</p>