title: Why Select2 change event fires form submit?
body: <p>I have a tagging system build with <a href="http://ivaynberg.github.io/select2/" rel="nofollow" title="select2">select2</a> where users should be able to select existing tags or add new tags. Simplified version of my code looks like this:</p>
  
  <pre><code>$('input').select2({
      tags: [
          {id:0, text:'red', status:'old'},
          {id:1, text:'green', status:'old'},
          {id:2, text:'blue', status:'old'}
      ],
      tokenSeparators: [","],
      createSearchChoice: function (term, data) {
          return {id: term, text: term, status: 'new'};
      }
  }).change(function(e) {
      if (e.added &amp;&amp; e.added.status == 'new') {
          if (confirm('Not found. Add?')) {
              // Add new tag to database.
          }
      }
  });
  </code></pre>
  
  <p>Here is example (<a href="http://jsfiddle.net/Xmbym/6/" rel="nofollow" title="example 1">example 1</a>) how it should work. (User can add existing tags "red", "green" and "blue". createSearchChoice-function allows users to create new tags.) In this example, nothing is done in .change() -event when new tag is detected. Everything works as expected.</p>
  
  <p>However, like in code block above, when new tag is added I'd like to confirm user if he/she really want to add new tag. The problem is when I add confirmation code in brackets where new tag is detected, form submit event fires. Here is example (<a href="http://jsfiddle.net/Xmbym/7/" rel="nofollow" title="example 2">example 2</a>) of this behavior. Just try to add tag that doesn't exist.</p>
  
  <p>Now my questions are:</p>
  
  <ol>
  <li>Why form submit occurs?</li>
  <li>How could I prevent this behavior?</li>
  </ol>
  
  <p>I'm using select2 3.4.0 and jQuery 2.0.2</p>