title: JQuery append not working in IE9 and JQuery 1.7.1
body: <p>I am struggling to integrate <a href="http://fdeschenes.github.io/bootstrap-tag/" rel="nofollow noreferrer">this Bootstrap-tag</a> plugin into my app. It is working fine with jQuery 1.8.3 as you can see it on <a href="http://fdeschenes.github.io/bootstrap-tag/" rel="nofollow noreferrer">the GitHub project page</a>.</p>
  <p>My application is using JQuery 1.7.1. It works great in Chrome but not in IE (not a surprise). I've spent two days now trying to understand why with no luck (I am a jQuery/JS novice).</p>
  <p>I created a <a href="http://jsfiddle.net/VRk4F/1" rel="nofollow noreferrer">jsFiddle</a> that captures and shows this error when ran in IE 9.</p>
  <p>The specific error is:</p>
  <blockquote>
  <p>SCRIPT438: Object doesn't support property or method 'append'</p>
  <p>bootstrap-tag.js, line 117 character 5</p>
  </blockquote>
  <p>And it refers to this line/code:</p>
  <pre><code>$('&lt;span class=&quot;tag&quot;&gt;')
    .text(value)
    .append($('&lt;button type=&quot;button&quot; class=&quot;close&quot;&gt;&amp;times;&lt;/button&gt;')
      .on('click', function () {
        that.remove(that.element.siblings('.tag').index($(this).closest('.tag')))
      })
    )
    .insertBefore(that.element)
  </code></pre>
  <p><strong>QUESTION:</strong>
  Any idea why IE9 is complaining about the <code>append</code> not recognized?</p>