Untitled

<!-- Code that works -->
<body>

<form method="post" action="test3.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="g1BOVK4ivdag7NTsF5sIcY8bYH7jL83ErNBo3JDWlWtoIFYV7okISgj0UZ0oEYdqWqHRi5oJPgl7ChQrVYqHtQ/2+z/Qvli0PuMmOK9NTrK77Uy2KMiWR+dtU8Co2kACt5gQ/iCFJg0Z3L6AkVzugRiOcc5L6Z+MtUZodefKJ0Q=" />
</div>

    <div id="dksf">

        <span>

    <input name="AutoCompleteTextBoxControl1$project" type="text" value="joe" id="AutoCompleteTextBoxControl1_project" />


    <input type="submit" name="Button1" value="Button" id="Button1" />
    <span id="Label1">joe</span>

</div>
        </span>
        </asp:Panel>
    <br />
    <br />
    <input name="AutoCompleteTextBoxControl2$project" type="text" value="ed" id="AutoCompleteTextBoxControl2_project" />


    <input type="submit" name="Button2" value="Button" id="Button2" />
    <span id="Label2">ed</span>

<script type="text/javascript">
//<![CDATA[

$(function () {
var projects =[{ value: "rob", }, { value: "john", }, { value: "ed", }, { value: "joe", `enter code here`}, { value: "ellen", }, { value: "yikes", }, { value: "you", }, { value: "me", }, { value: "everyone", }, { value: "then", }, { value: "now", }, { value: "astute", }, { value: "bee", }, { value: "who", }, ];

$("#AutoCompleteTextBoxControl1_project").autocomplete({
minLength: 0,
source: projects,
focus: function (event, ui) {
$("#AutoCompleteTextBoxControl1_project").val(ui.item.label);
return false;
},
select: function (event, ui) {
return false;
}
})
.data("ui-autocomplete")._renderItem = function (ul, item) {
return $("<li class='small'>")
.append("<a>" + item.label + "</a>")

.appendTo(ul);
};
});

$(function () {
var projects =[{ value: "rob", }, { value: "john", }, { value: "ed", }, { value: "joe", }, { value: "ellen", }, { value: "yikes", }, { value: "you", }, { value: "me", }, { value: "everyone", }, { value: "then", }, { value: "now", }, { value: "astute", }, { value: "bee", }, { value: "who", }, { value: "mike", }, { value: "steve", }, { value: "ed", }, { value: "evening", }, { value: "yes", }, { value: "", }, ];

$("#AutoCompleteTextBoxControl2_project").autocomplete({
minLength: 0,
source: projects,
focus: function (event, ui) {
$("#AutoCompleteTextBoxControl2_project").val(ui.item.label);
return false;
},
select: function (event, ui) {
return false;
}
})

.data("ui-autocomplete")._renderItem = function (ul, item) {
return $("<li class='small'>")
.append("<a>" + item.label + "</a>")
.appendTo(ul);
};
});
//]]>
</script>
</form>

<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
    {"appName":"InternetExplorer","requestId":"2357dc9d78cb4c2386fb5318c0ab0a0d"}
</script>
<script type="text/javascript" src="http://localhost:64055/c6a87a69ad894dde8c5d78e5e6825d47/browserLink" async="async"></script>
<!-- End Browser Link -->

</body>
</html>

<!- End of Code that works -->

$("#MainContent_AutoCompleteTextBoxControl1_project").autocomplete({
minLength: 0,
source: projects,
focus: function (event, ui) {
$("#MainContent_AutoCompleteTextBoxControl1_project").val(ui.item.label);
return false;
},

<header>
        <div class="content-wrapper">
            <div class="float-left">
                <p class="site-title">
                    <a href="./">header</a></p>
            </div>

        </div>
    </header>
    <div id="body">


        <section class="content-wrapper main-content clear-fix">
            <br />


    <input name="ctl00$MainContent$AutoCompleteTextBoxControl1$project" type="text" value="ellen" id="MainContent_AutoCompleteTextBoxControl1_project" />


        <input type="submit" name="ctl00$MainContent$Button1" value="Button" id="MainContent_Button1" />
        <span id="MainContent_Label1">ellen</span>
        <br />
        <br />
        <input name="ctl00$MainContent$AutoCompleteTextBoxControl2$project" type="text" id="MainContent_AutoCompleteTextBoxControl2_project" />


        <input type="submit" name="ctl00$MainContent$Button2" value="Button" id="MainContent_Button2" />
        <span id="MainContent_Label2">Label</span>

        </section>
    </div>
    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>
                   footer
                </p>
            </div>
        </div>
    </footer>