Bind dropdown from external javascript file function

See more:

ASP.NET

Javascript

jQuery

, +

Hey all,

My design page code is

$(document).ready(function () {
   $.ajax({
      type: "POST",
      contentType: "application/json; charset=utf-8",
      url: "ClientSales.aspx/BindDatatoDropdown",
      data: "{}",
      dataType: "json",
      success: function (data) {
         $.each(data.d, function (key, value) {
            $('#%=ddlCategory.ClientID%>').append($("<option><;/option>").val(value.cat_id).html(value.cat_name));
         });
      },
      error: function (data) {
      }
   });
});

This above function gets all the categories from database. I want to keep this function in different javascript file. I will be calling that function from all aspx pages. So, I don't know how to get data from jquery function and bind it in aspx dropdownlist