title: Binding Dropdownlist using jquery
body: <p>I am try to bind the dropdowmlist using jquery. But is showing some error.</p>
  
  <p>Code:</p>
  
  <pre><code>                     $.ajax({
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        data: "{product: '" + product + "'}",
                        url: "Search.aspx/FetchCategory",
                        dataType: "json",
                        success: function(data) {
                        $.each(data.d, function() {
                                $("#ddlCategory").append($("&lt;option&gt;&lt;/option&gt;").val(this['ID']).html(this['Category']));
                            });
                        }
                    });
  </code></pre>
  
  <p>values in the data:
              [{"Category":"All","ID":"%"},"Category":"Action,"ID":"4"},"Category":"Race,"ID":"5"},"Category":"Sports,"ID":"6"}]</p>
  
  <p>Error:</p>
  
  <p>$("#ddlCategory").append($("").val(this['ID']).html(this['Category']));
     Microsoft JScript runtime error: Object doesn't support this property or method</p>
  
  <p>Geetha</p>