title: fire jQuery click event when custom command is click
body: <p>I am using Custom Command in my application, and I got two question regarding to that.</p>
  
  <p>1) how to add CSS ID and Class to custom command.</p>
  
  <p>2) my custom command name is Add so i trying to fire jQuery,click event when I click on Add button but nothing is happening. it seems is not calling jQuery click function...</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;DatabaseLayer.TableMappings.FeeZone&gt;()
  .Name("FeeZoneGrid_02")
  .Columns(columns =&gt;
  {
    columns.Bound(c =&gt; c.FeeZoneID);
    columns.Bound(c =&gt; c.FeeZoneDescription);
    columns.Command(
      command =&gt;
        {
  
            command.Custom("Add").SendDataKeys(true).Click("AddFeeZoneToScheme");
  
            command.Custom("Remove").SendDataKeys(true).Click("RemoveFeeZoneFromScheme");
        }
       );
     })
  
   .Selectable(selectable =&gt; selectable
       .Mode(GridSelectionMode.Single))
   .DataSource(dataSource =&gt; dataSource
       .Ajax()
       .Read(read =&gt; read.Action("GetAllFreeZone", "Qualification"))
       .Model(model =&gt; model.Id(c =&gt; c.FeeZoneID))
  )
  )
  </code></pre>
  
  <h2>HTML output</h2>
  
  <pre><code> ........
  &lt;td role="gridcell"&gt;
  
  &lt;a class="k-button k-button-icontext k-grid-Add" href="#"&gt;&lt;/a&gt;
  &lt;a class="k-button k-button-icontext k-grid-Remove" href="#"&gt;&lt;/a&gt;
  
  &lt;/td&gt;
  </code></pre>
  
  <h2>JQuery</h2>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
   $(document).ready(function () {
  
      $(".k-grid-Add").click(function () {
  
          alert("Add button is called");
      });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>what I am trying to achieve is when user click add button it replaces with remove button and vice verse... at the movement I am displaying both in grid custom command</p>
  
  <p>Many Thanks </p>