$(document).ready(function(){
    var courses = []
    $.ajax({
          url: "/course/list/json",
          context: document.body,
          datatype: 'json',
          success: function(json){
            $.each(json.courses, function(key, val) {
              courses.push(val)
            });
          }
    });


    var timer = setInterval( checkInput, 250);
    function checkInput() {
      console.log("i Run")
      var duplicates=0
      for(i=0; i<courses.length; i++) {
        if(courses[i]==$('#course-add :text').val()) {
          duplicates++
        }
      }
      if(duplicates>0) {
        $('#course-add :text').removeClass('green')
        $('#course-add :text').addClass('red')
        }
      else {
        $('#course-add :text').removeClass('red')
        $('#course-add :text').addClass('green')
      }
    }
});