Autocomplete not getting applied
<script type="text/javascript">
$(document).ready(function() {
alert('Readyyyyyyyy');
    $("#demo-input-facebook-theme").tokenInput(
          [{
            "first_name": "abc",
            "last_name": "ABC",
            "email": "abc@gmail.com",
            "url": "Image url"
        },

            {
            "first_name": "pqr",
            "last_name": "PQR",
            "email": "pqr@gmail.com",
            "url": "Image url"
        },
        {
            "first_name": "lmn",
            "last_name": "LMN",
            "email": "lmn@yahoo.com",
            "url": "Image url"
        }];


    );

});
</script>

<div id="popupMessage" style="display:none;">
        <div class="PopupHeader">Send a Message
         <a href="#" onclick="HideModalPopup('popupMessage'); return false;">X</a>
    </div>




   <div class="popupContainer">

        <div class="addnames">
        <strong>To:</strong> Daniel Lewis, Michael Jackson, Sarah Day O'connor, Mitt Romney, Clint
        Eastwood, Samuel Jackson <a href class="addMore">Add More</a>
        </div>
        <div class="fields longtextbox">
            <p>Add from Facebook and Activity Network</p>
            <!-- <input type="text"/> -->
        <input type="text" id="demo-input-facebook-theme" name="blah2"  />

        </div>

        <div class="fields">
            <p>Subject <span class="require">*</span></p>
            <input type="text" />
        </div>
        <div class="fields">
            <p>Message <span class="require">*</span></p>
            <textarea rows="6"></textarea>
        </div>

            <div class="NxtActivity">
            <a href="#">Cancel</a>
                <button type = "submit" onclick = "my();">Send Message</button>
        </div>
   </div>
</div>