Get Value of selected items of ASP.Net ListBox using jQuery

<asp:ListBox ID="ListBox1" runat="server" Width="150" Height="60" SelectionMode="Multiple">

    <asp:ListItem Text="Mango" Value="1"></asp:ListItem>

    <asp:ListItem Text="Apple" Value="2"></asp:ListItem>

    <asp:ListItem Text="Banana" Value="3"></asp:ListItem>

    <asp:ListItem Text="Guava" Value="4"></asp:ListItem>

    <asp:ListItem Text="Pineapple" Value="5"></asp:ListItem>

    <asp:ListItem Text="Papaya" Value="6"></asp:ListItem>

    <asp:ListItem Text="Grapes" Value="7"></asp:ListItem>

</asp:ListBox>

<br />

<hr />

<asp:Button ID="btnGetValues" Text="Get values" runat="server" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">

    $(function () {

        $("[id*=btnGetValues]").click(function () {

            var values = "";

            var selected = $("[id*=ListBox1] option:selected");

            selected.each(function () {

                values += $(this).html() + " " + $(this).val() + "\n";

                             //Text                  //Value

 });

            alert(values);

            return false;

        });

    });   

</script>