title: Argument of type 'string' is not assignable to parameter of type '{ [key:string]:any;}
body: <p>I am getting the following error on typescript file when I try to attach a click event handler as shown below,</p>
  
  <blockquote>
    <p>Argument of type 'string' is not assignable to parameter of type '{
    [key:string]:any;}</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/ATkz0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ATkz0.png" alt="enter image description here"></a></p>
  
  <p>I have jQuery 2.1.4 and jquery.TypeScript.DefinitelyTyped 3.0.4 configured in my ASP.NET Web Application.</p>
  
  <p>Edit:</p>
  
  <p>My typescript file is able to pickup the definition file as shown below,</p>
  
  <p><a href="https://i.stack.imgur.com/qkyRF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qkyRF.png" alt="enter image description here"></a></p>
  
  <p>in my JQuery.d.ts,I see the following overloads,</p>
  
  <pre><code>on(events: string, handler: (eventObject: JQueryEventObject, ...args: any[]) =&gt; any): JQuery;
  on(events: string, data : any, handler: (eventObject: JQueryEventObject, ...args: any[]) =&gt; any): JQuery;
  on(events: string, selector: string, handler: (eventObject: JQueryEventObject, ...eventData: any[]) =&gt; any): JQuery;
  on(events: string, selector: string, data: any, handler: (eventObject: JQueryEventObject, ...eventData: any[]) =&gt; any): JQuery;
  on(events: { [key: string]: any; }, selector?: string, data?: any): JQuery;
  on(events: { [key: string]: any; }, data?: any): JQuery;
  </code></pre>
  
  <p>What am I missing? Any hint / suggestion will be greatly appreciated. </p>