Autocomplete with Materialize [closed]

Good afternoon! I'm developing a web app, and wanted to put an autocomplete. I'm using the Materialize Framework documentation, but I'm not getting it.

<div class="col s12">
  <div class="row">
    <div class="input-field col s12">
      <i class="material-icons prefix">textsms</i>
      <input type="text" id="autocomplete-input" class="autocomplete">
      <label for="autocomplete-input">Autocomplete</label>
    </div>
  </div>
</div>

document.addEventListener('DOMContentLoaded', function() {

  var elems = document.querySelectorAll('.autocomplete');
  var instances = M.Autocomplete.init(elems, options);
});


// Or with jQuery

$(document).ready(function(){

$('input.autocomplete').autocomplete({

  data: {

    "Apple": null,
    "Microsoft": null,
    "Google": null
  }
  });
});

No header:

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

The error is displayed:

  

Uncaught TypeError: $ (...) autocomplete is not a function