title: Jquery Autopopulate on Textarea with no id
body: <p>I'm trying to add the auto suggest JQuery plugin to a textbox. I was able to do it with the below code in another textbox which had an 'id'. But this new textbox that I'm working on does not have an id and I guess the Class is my only option here. But I'm unable to get the auto suggest work in this textarea. Could anyone suggest what I'm doing wrong or is this not the right approach for a class.?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var tCodes = ["head", "hello", "heart", "health", "horizontal"];
  $('.sn-chat-textarea').autocomplete({
    source: tCodes
  }, {
    autoFocus: true,
    minLength: 1
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" /&gt;
  &lt;textarea class="sn-chat-textarea" rows="1" placeholder="Type a message" aria-autocomplete="list" aria-haspopup="true" aria-multiline="true" role="combobox" value="" style="overflow: hidden; overflow-wrap: break-word; height: 40px;"&gt;&lt;/textarea&gt;</code></pre>
  </div>
  </div>
  </p>