c# - Jquery ajax呼び出しが機能していません..解決策を教えてください

Question

// focusout イベントが機能している場合、アラートでテストします..しかし、ajax 呼び出しが機能せず、aspx.cs メソッドも起動しません..この問題を解決してください。// これは私の aspx ページの jquery コードです。

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

<script type="text/javascript">
    $(document).ready(function () {
        var elem = document.getElementById('<%=txtProduct.ClientID %>');

        $(elem).focusout(function () {
            myF($(this).val());
        });

        function myF(value) {
            var fist = value.split(' ( ', 1);
            $.ajax({
                type: 'POST',
                url: 'Invoice.aspx/getProductDetails',                   
                data: "{'strCode':'" + fist + "'}",
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                success: function (response) {
                    alert(response.d.toString());
                },
                failure: function (response) {
                    alert('error');
                }
            });
        }
    });
</script>

//サーバー側コード

    [WebMethod]
    public static string getProductDetails(string strCode)
    {
        List<string> companyInfo = new List<string>();
        companyInfo.Add(HttpContext.Current.Cache[Convert.ToString(HttpContext.Current.Session["UserID"]) + "CompanyID"].ToString());
        companyInfo.Add(strCode);
        List<string> price = Database.MasterDB.getProductInfo(companyInfo);
        if (price.Count > 0)
            return price[0].ToString();
        else
            return "000";
    }