Mixed Content: The page at 'https://hipster-meet.herokuapp.com/users' was loaded over HTTPS,
but requested an insecure XMLHttpRequest
endpoint 'http://hipster-meet.herokuapp.com/users?query=a'.
This request has been blocked; the content must be served over HTTPS

config.force_ssl = true

ready = ->
  $('.search-field').keyup ->
    query = $('.search-field').val()
    $.getJSON('/users', {query: query})
    return

  $(document).ajaxSuccess (e, xhr, options, data) ->
    resultArea = $('.search-results')
    if data.length
      resultList = data.map (user)->
        return '<li class="result-item">' + user.username + '<hr/></li>'
      resultArea.html resultList
    else
      resultArea.html '<h5 class="text text-center">No Results, Sorry.</h5>'
      return
    return
  return

$(document).ready(ready)
$(document).on('page:load', ready)