anchor.diff:                  		data = $.parseJSON(data);
                   		$("#suggestion").empty();
                   		if(!data.suggestions || (data.suggestions.length == 0)) {
  -                			$("#suggestion").html("Error! No Data found :(")
  +                            $("#alert-warning-text").html("No relevant matches found! :( Try something else!"); 
  +                            $("#alert-warning").show("slow")
               				return
                   		}
                   		$.each(data.suggestions, function(index, object){
  
positive.code:                 		});
                  },
                  error: function(response, q, t){
                          $("#suggestion").html("Oops! Something went wrong.")
                  }
              }, 20);
          });
  
negative.code: 			    </ul>
  			  </li>
  			</ul>
           <div id="alert-warning" style="display:none" class="alert alert-warning">
              <button type="button" class="close" onclick="$('#alert-warning').hide('slow')" aria-hidden="true">&times;</button>
              <div id="alert-warning-text"></div>
           </div>
           <div id="alert-danger" style="display:none" class="alert alert-danger">
              <button type="button" class="close" onclick="$('#alert-danger').hide('slow')" aria-hidden="true">&times;</button>
              <div id="alert-danger-text"></div>
           </div>
  			<div id="suggestion"></div>
  		</div>
  		<ul id="category" class="nav nav-pills nav-stacked" style="width:30%; float:left; margin:5px; padding-top: 60px">
  