# HTML file containing the required DOM elements.
# `autocomplete-input` and `autocomplete-result` are the 2 expected styles for input and output respectively.

<input type="text" class="autocomplete-input">
<div class="autocomplete-result"></div>

# Initialize in javascript on page load with options.
# Below example is for "Local Datastore"

    $(document).ready(function () {
      var autocompleteData = ["madras","london", "paris", "stockholm", "delhi", "madrid", "madurai"];
      var localOptions = {limit: 2, datasource: 'local', data: autocompleteData};
      $.fn.autocomplete(localOptions);
      ...
      ...
    }

# Below example is for "Remote Datastore", URL

    $(document).ready(function () {
      var remoteOptions = {limit: 2, datasource: 'remote', data: 'example.json?keyword='};
      $.fn.autocomplete(remoteOptions);
      ...
      ...
    }

# Set caseSensitive to false to enable case-insensitive matching
# Leave this option off to use the default case-sensitive matching

    $(document).ready(function () {
      var remoteOptions = {limit: 2, datasource: 'remote', data: 'example.json?keyword=', caseSensitive: false};
      $.fn.autocomplete(remoteOptions);
      ...
      ...
    }

# Set 'show' and 'hide' options if you want to override the default $.show() and $.hide() actions 
# on the .autocomplete-result container.

    var options = {
      limit: 2, 
      datasource: 'remote', 
      data: 'example.json?keyword=', 
      show: function(){ ... },
      hide: function(){ ... }
    };