twitter-bootstrap - テキストファイルからの Twitter Bootstrap タイプヘッド

Question

Twitterのブートストラップでタイプヘッドを使用しようとしています。

http://twitter.github.com/bootstrap/javascript.html#typeahead

特定のテキスト ファイルの要素を表示したいとします。どうやってやるの？基本的なタイプヘッドは認識していますが、テキスト ファイルからタイプヘッドの値を取得するにはどうすればよいですか?

たとえば、次のようにします。

<input type="text" class="span3" style="margin: 0 auto;" data-provide="typeahead" data-items="4"
       data-source='["Apples","Bananas","Cherries","Dates","Eggplants","Figs","Grapes",
       "Honeydew","Kiwi","Mango","Peaches","Plums","Raspberries","Strawberries","Watermelon","Zucchini"]'>

これが私の検索ボックスコードです。統合したいだけです。

    <br>
  <br><br><br><br><br> <br> <br> <br>
    <div class= "well">
  <center>
<div class="content-inner">
  <h1 class="pump-up">Find your Desired Course and Learn!<br> <strong>Boom, it's that easy.</strong></h1>
  <div class="full-search-bar">
    <ul class="item-stream unstyled search-input-stream">
      <li class="stream-item stream-header search-input-item">
        <form class="form-inline search-form" action="webcrawler.php" method = "post">
          <input class="xlarge" name="coursename1" type="text" placeholder="Java,Python,Ruby..You name it & We got it!" />
          <button class="btn btn-large btn-inverse" type="submit"><i class="icon-search icon-white"></i></button>
        </form>
    </li>
    </ul>
    </div>
  </div>
</center>
</div>

ありがとう！