title: Use jquery with ejs template
body: <p>I'm trying to use jquery in an ejs template to make an input auto complete using an array sent by the server to the template.I get the following error : </p>
  
  <pre><code>ReferenceError: /var/www/html/DM/views/formulaire.ejs:8
      6| &lt;title&gt;Formulaire &lt;/title&gt;
      7| &lt;/head&gt;
   &gt;&gt; 8| &lt;%
      9| $( "#depart" ).autocomplete({
      10|   source: autoComp
      11| });
  
  $ is not defined 
  </code></pre>
  
  <p>I made some researches and found out that you can't use client side javascript (jquery) with server side javascript (ejs), but i didn't find any solution. </p>
  
  <p>Here is the code : </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="fr"&gt;
  &lt;head&gt;
  &lt;script src="https://code.jquery.com/jquery-3.1.1.js"&gt;&lt;/script&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Formulaire &lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script&gt;
  $( "#depart" ).autocomplete({
    source: autoComp
  });
  &lt;/script&gt;
  
    &lt;form action="/result" method="post"&gt;
      Départ:&lt;input type="text" name="depart" id="depart"&gt;&lt;br&gt;
      Arrivée: &lt;input type="text" name="arrivee"&gt;&lt;br&gt;
      &lt;input type="submit" value="Chercher un itinéraire"&gt;
    &lt;/form&gt;
    &lt;%
    if(erreur){
      %&gt; &lt;p&gt;Erreur lors de la saisie des stations&lt;/p&gt;
      &lt;%
    }
    %&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thank you for your help</p>
  
  <p>EDIT : No error anymore but auto completion doesn't work.</p>