title: How to use typescript with jQuery live event notation
body: <p>Trying</p>
  
  <pre><code>$(document).on('click', '#focal-toggle', function(this: HTMLElement | HTMLElement[], e:MouseEvent) {
  </code></pre>
  
  <p>Returns an error:</p>
  
  <pre><code>{
      "resource": "/root/dev/work/OutrunInteractive2020/webfocusview/plain/ts/webfocusview.ts",
      "owner": "typescript",
      "code": "2769",
      "severity": 8,
      "message": "No overload matches this call.\n  The last overload gave the following error.\n    Argument of type '\"click\"' is not assignable to parameter of type 'TypeEventHandlers&lt;Document, (this: HTMLElement | HTMLElement[], e: MouseEvent) =&gt; void, Document, Document&gt;'.",
      "source": "ts",
      "startLineNumber": 58,
      "startColumn": 18,
      "endLineNumber": 58,
      "endColumn": 25,
      "relatedInformation": [
          {
              "startLineNumber": 7957,
              "startColumn": 5,
              "endLineNumber": 7961,
              "endColumn": 13,
              "message": "The last overload is declared here.",
              "resource": "/root/dev/work/OutrunInteractive2020/webfocusview/plain/node_modules/@types/jquery/JQuery.d.ts"
          }
      ]
  }
  </code></pre>
  
  <p>With the message </p>
  
  <pre><code>No overload matches this call.
    The last overload gave the following error.
      Argument of type '"click"' is not assignable to parameter of type 'TypeEventHandlers&lt;Document, (this: HTMLElement | HTMLElement[], e: MouseEvent) =&gt; void, Document, Document&gt;'.
  </code></pre>
  
  <p>How to solve it?</p>