title: OneMap Search API Autocomplete suggestions are not showing
body: <p>it's my first time posting in stack overflow because I've been searching for solutions for more than a week and can't seem to find the answer.</p>
  <p>Here it goes, I wanted to use the OneMap Search API for searching specific Singapore areas, I got the reference codes from <a href="https://www.geeksforgeeks.org/autocomplete-search-using-jquery-and-wikipedia-opensearch-api/" rel="nofollow noreferrer">https://www.geeksforgeeks.org/autocomplete-search-using-jquery-and-wikipedia-opensearch-api/</a> and made some changes. It works perfectly fine when the Wikipedia OpenSearch API were used.</p>
  <p>Can anyone help me by providing suggestions to be able to search and display the autocomplete suggestions when typing for Singapore areas like &quot;Little India&quot;? Any help would be greatly appreciated, thank you.</p>
  <p>Please refer to the existing codes below:</p>
  <pre><code> &lt;!DOCTYPE html&gt;
  
  &lt;head&gt;
      &lt;script src=
  &quot;https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js&quot;&gt;
      &lt;/script&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;
  https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css&quot; /&gt;
      &lt;script src=&quot;
  https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js&quot;&gt;
      &lt;/script&gt;
  
      &lt;style&gt;
          body {
              width: 100%;
              background: #e9e9e9;
              margin: 0 auto;
              padding: 0;
              color: #7faf7f;
              font-family: Arial, sans-serif;
              font-size: 12px;
          }
  
          #searchID input {
              width: 350px;
              height: 20px;
              margin: 0;
              padding: 15px;
              background: #fff;
              border: 1px solid black;
              color: #727272;
              float: left;
              font: 12px &quot;Lucida Sans Unicode&quot;, sans-serif;
              transition: background 0.4s ease-in-out 0s;
          }
  
          #searchID button {
              width: 45px;
              height: 45px;
              text-indent: -9999em;
              background:  #4eac10;
              transition: background 0.3s ease-in-out 0s;
              border: 1px solid #fff;
          }
  
          #containerID {
              width: 50%;
              margin: 0 auto;
          }
  
          h2 {
              color: green;
              text-align: left;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id=&quot;containerID&quot;&gt;
              &lt;form method=&quot;get&quot; id=&quot;searchID&quot;&gt;
                  &lt;input type=&quot;text&quot; class=&quot;searchClass&quot;
                      id=&quot;searchInputID&quot; value=&quot;&quot; /&gt;
                  &lt;button type=&quot;submit&quot;&gt;Search&lt;/button&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script type=&quot;text/javascript&quot;&gt;
          $(&quot;.searchClass&quot;).autocomplete({
              source: function (request, response) {
                  console.log(request.term);
                  var suggestURL = &quot;https://developers.onemap.sg/commonapi/search?returnGeom=N&amp;getAddrDetails=N&amp;searchVal=%QUERY&quot;;
                  suggestURL = suggestURL.replace('%QUERY', request.term);
          
                  // JSON Request
                  $.ajax({
                      method: 'GET',
                      jsonCallback: 'jsonCallback',
                      url: suggestURL,
                      // &quot;http://en.wikipedia.org/w/api.php&quot;,
                      dataType: &quot;application/json&quot;,
                      data: {
                          // action: &quot;opensearch&quot;,
                          // Output format
                          format: &quot;application/json&quot;,
                          search: request.term,
                          namespace: 0,
  
                          // Maximum number of result
                          // to be shown
                          limit: 8,
                      },
                  })
                  .success(function(data) {
                      response(data[4]);
                  });
              },
          });
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>