How do I get the value of div using jquery from patial view in MVC

See more:

ASP.NET

Javascript

.NET

HTML

, +

Hello Programmers,
In my project I have a requirement that I want to get all the li tag id's inside a div and display it on alert. I want all those id's from a partial View and call it on my Layout page on a click of a button.

What I have tried:

The page in which all the li tag presents

<big>    <table >
    <tr>
        <td id="UserMenu">
            <ul style="margin-left:590px">
                <li id="menu01User" style="color:red; float:left;padding:5px; list-style:none">
                    <a href="##" style="text-decoration:none">User 1</a>
                </li>
                <li id="menu02User" style="color:red; float:left;padding:5px;  list-style:none">
                    <a href="/Menu/UtilityMenu" style="text-decoration:none">User 2</a>
                </li>
                <li id="menu03User" style="color:red;float:left;padding:5px; list-style:none">
                    <a href="##" style="text-decoration:none">User 3</a>
                </li>
            </ul>

        </td>
    </tr>
</table></big>

The below code is from different file (index)

<input id="btnClick" type="button" value="Processing"/>

    <div id="NestedMenu" style="display:none"></div>

The javaScript file:

$(document).ready(function () {
    var Ids = [];

    $("#btnClick").click(function(){
        $.ajax({
            cache: false,
            type: "GET",
            url: "/Menu/UserMenu",
            success: function (data) {
                debugger;
               $("#NestedMenu").innerHTML=data;
               $("#UserMenu").find("li").each(function () {
                    Ids.push($(this).attr("id"));
                    alert(Ids);
                });
          },
            Error: function (data) {
                alert("Error");
            }  });  });