title: Autocomplete Jquery UI not working on JSON
body: <h1>I'm having trouble with my jqueryUI autocomplete function.</h1>
  
  <p>Here's the code for my script.</p>
  
  <pre><code>&lt;script src="jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="jquery-1.12.4.js"&gt;&lt;/script&gt;
  &lt;script src="jquery-ui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function (){
    $("#names").autocomplete({
      source: "tags.php"
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the code for my tags.php</p>
  
  <pre><code>&lt;?php
    include_once("connect.php");
    $sql = "SELECT full_name FROM tbl_names";
    $result = mysqli_query($conn, $sql);
    $data = array();
    while ($row = mysqli_fetch_assoc($result)) {
      $data[] = $row['full_name'];
    }
    echo json_encode($data);
  ?&gt;
  </code></pre>
  
  <p>Here is the code for my connect.php:</p>
  
  <pre><code>&lt;?php
    $server = "localhost";
    $username = "root";
    $password = "";
    $database = "yrock_attendance";
    $conn = mysqli_connect($server, $username, $password, $database);
    if (!$conn) {
      die("Connection failed!");
    }
  ?&gt;
  </code></pre>
  
  <p>And here is a part of an output of my tags.php</p>
  
  <pre><code>["ABANEZ, JAMICHA","ABANI, MART JOSEPH","ABINION, KARL AXEL ","ABLAO, YZEL RONNELAINE","ACIDELLA, MARY GRACE","ACUNA, NATH MIGUEL"]
  </code></pre>
  
  <p>Every time I type on my input box, it shows all my data and it doesn't filter anything.</p>