title: Twitter bootstrap typeahead does not work properly with data-source attribute
body: <p>Why is it when i use the <code>"</code> sign in the <code>data-source</code> attribute to denote string values all works well but when i use <code>'</code> to denote them bootstrap is recognizing only the first character?</p>
  
  <p>I know in c# and many other language the difference between <code>"</code> and <code>'</code> is the difference between a character and a string but its the first time i see it is strictly used in html is that the case here if so why isn't there any error in the JS.</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="hero-unit"&gt;
          &lt;form&gt;
              &lt;div&gt;
                  &lt;label&gt;working typeahead&lt;/label&gt;
                  &lt;input type="text" data-provide="typeahead" autocomplete="off" data-source='["hello","world"]' /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;label&gt;not working typeahead&lt;/label&gt;
                  &lt;input type="text" data-provide="typeahead" autocomplete="off" data-source="['hello','world']" /&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>see fiddle: <a href="http://jsfiddle.net/H4Qmh/4/" rel="nofollow">http://jsfiddle.net/H4Qmh/4/</a></p>