$.SpellCheck is not a constructor

[ninohhh]

I followed the documentation and included the usage into the webpage. When I clicked on the button, it was showing an error of "$.SpellCheck is not a constructor"

[petercontrains]

try

<script src="{{ asset('js/lib/jquery/jquery-1.8.2.min.js')}}"></script>

<script src="{{ asset('js/lib/bootstrap/bootstrap.min.js')}}"></script>
<script src="{{ asset('js/lib/prettyprint/prettyprint.js')}}"></script>
<script src="{{ asset('js/jquery.spellchecker.js')}}"></script>
<script src="{{ asset('js/app.js')}}"></script>

var spellchecker = new $.SpellChecker('#html-content', {
lang: 'es',
parser: 'html',
webservice: {
path: '{{route('webservices_spellchecker')}}',
driver: 'PSpell'
},
suggestBox: {
position: 'below',
offset: 1
}
});

  // Bind spellchecker handler functions
  spellchecker.on('check.success', function() {
    //alert('No hay palabras mal deletreadas!');
  });

  // Check the spelling when user clicks on button
  $("#check-spelling-html").click(function(e){
    spellchecker.check();
  });
    spellchecker.check();
})();
</script>