ESLint dollar($) is not defined. (no-undef)
<pre><code>$("#ID").hide();
</code></pre>

<p>i add ESLint to  my project .</p>

<p>everything is fine, except symbol <code>$</code>.</p>

<p>i get error: <code>[eslint] '$' is not defined. (no-undef)</code></p>

<p>my <code>.eslintrc.json</code> (note: it has <a href="https://github.com/dgraham/eslint-plugin-jquery" rel="noreferrer">additional rules</a> set to disallow jquery functions when there's an equivalent javascript one):</p>

<pre><code>{
"env": {
    "browser": true,
    "commonjs": true,
    "es6": true
},
"extends": [
    "eslint:recommended"
],
"parserOptions": {
    "sourceType": "module"
},
"plugins": [
    "dollar-sign",
    "jquery"
],
"rules": {       
    "indent": [
        "error" ,
        "tab"
    ],
    "linebreak-style": [
        "error",
        "windows"
    ],
    "quotes": [
        "error",
        "double"
    ],
    "semi": [
        "error",
        "always"
    ],
    "jquery/no-ajax": 2,
    "jquery/no-animate": 2,
    "jquery/no-attr": 2,
    "jquery/no-bind": 2,
    "jquery/no-class": 2,
    "jquery/no-clone": 2,
    "jquery/no-closest": 2,
    "jquery/no-css": 2,
    "jquery/no-data": 2,
    "jquery/no-deferred": 2,
    "jquery/no-delegate": 2,
    "jquery/no-each": 2,
    "jquery/no-fade": 2,
    "jquery/no-filter": 2,
    "jquery/no-find": 2,
    "jquery/no-global-eval": 2,
    "jquery/no-has": 2,
    "jquery/no-hide": 2,
    "jquery/no-html": 2,
    "jquery/no-in-array": 2,
    "jquery/no-is": 2,
    "jquery/no-map": 2,
    "jquery/no-merge": 2,
    "jquery/no-param": 2,
    "jquery/no-parent": 2,
    "jquery/no-parents": 2,
    "jquery/no-parse-html": 2,
    "jquery/no-prop": 2,
    "jquery/no-proxy": 2,
    "jquery/no-serialize": 2,
    "jquery/no-show": 2,
    "jquery/no-sizzle": 2,
    "jquery/no-slide": 2,
    "jquery/no-text": 2,
    "jquery/no-toggle": 2,
    "jquery/no-trigger": 2,
    "jquery/no-trim": 2,
    "jquery/no-val": 2,
    "jquery/no-wrap": 2,
    "dollar-sign/dollar-sign": [
        2,
        "ignoreProperties"
    ]
}
</code></pre>

<p>you can see that I have added two plugins: <a href="https://www.npmjs.com/package/eslint-plugin-dollar-sign" rel="noreferrer">eslint-plugin-dollar-sign</a> and eslint-plugin-jquery.</p>

<p>why does not work this rule ?</p>

<p><code>"dollar-sign/dollar-sign": [
            2,
            "ignoreProperties"
        ]</code></p>