Find value of DropDownList controls in GridView row using jQuery in ASP.Net

'm using master page and gridview. there are two dropdownlist inside the gridview. my code is like below.

HTML

<asp:GridView runat="server" ID="GridView1" AutoGenerateColumns="false" ShowFooter="true"
    ShowHeaderWhenEmpty="true">
    <HeaderStyle CssClass="headerstyle" />
    <Columns>
        <asp:TemplateField HeaderText="DrCr">
            <ItemTemplate>
                <asp:DropDownList ID="DdlDrCr" CssClass="ddlDrCr" runat="server">
                </asp:DropDownList>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Expanses">
            <ItemTemplate>
                <asp:DropDownList ID="DdlExpanses" CssClass="" runat="server">
                </asp:DropDownList>
            </ItemTemplate>
            <FooterTemplate>
                <asp:Button ID="btnAddGridExpanses" runat="server" CssClass="Cnumeric Dnumeric" Text="Add"
                    OnClick="btnAddGridExpanses_Click" OnClientClick="EventRise();" />
            </FooterTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Value">
            <ItemTemplate>
                <asp:TextBox ID="txtExpansesValue" Width="150" CssClass="ExpVal numeric" runat="server"></asp:TextBox>
            </ItemTemplate>
            <FooterTemplate>
                <asp:TextBox ID="txtExpansesSum" Width="150" Enabled="false" Text="0" CssClass="ExpValSum"
                    runat="server"></asp:TextBox>
            </FooterTemplate>
        </asp:TemplateField>
        <asp:CommandField ShowDeleteButton="True" ControlStyle-CssClass="Delete" ButtonType="Button" />
    </Columns>
</asp:GridView>

now i need to get text of 1st dropdoen and 2nd dropdown

i used the below jquery code

var DrCr = $(this).closest("tr").find(".ddlDrCr").val();
alert(DDlClientText)

i'm getting concatnated text of both.

Please help me