Merge pull request #15 from craigweston/gh-pages

Updated gh page to contain ajax support (Issue #13)

index.html

@@ -101,6 +101,25 @@ <h2 id="demo">Demo</h2>
     }
   }
 })
+```
+
+### Init (with Ajax)
+Ajax is supported by having the data function return a <a href="http://api.jquery.com/Types/#jqXHR">jqXHR</a> object. The function takes a single parameter containing the mention text string.
+
+```javascript
+$('#comment').suggest('@', {
+  data: function(q) {
+    if (q && q.length >= 3) {
+      return $.getJSON("users/lookup.json", { q:q });
+    }
+  },
+  map: function(user) {
+    return {
+      value: user.username,
+      text: '<strong>'+user.username+'</strong> <small>'+user.fullname+'</small>'
+    }
+  }
+})
 ```
 
       </div>
@@ -115,7 +134,7 @@ <h2 id="api">API</h2>
 ### Options
 | option            | type                   | default                          | description                                                                |
 | --                | ---                    | ---                              | ---                                                                        |
-| data              | array                  | []                               | an array of objects or string                                              |
+| data              | array/function         | []                               | an array (of objects or string) or a callback function                     |
 | map               | callback               | _undefined_                      | a callback function that is used to map the display and value of each item |
 | filter            | object                 | { casesensitive: true, limit: 5} | option that will let you set the filter behaviour                          |
 | onshow(e)         | event callback         | _none_                           | triggered when the dropdown is shown                                       |