anchor.diff:  	</div>
   	
   	<script>
  -		function handleRecipe( url ) {
  +		function getRecipe( url ) {
   			$.getJSON( url )
   				.done( function( recipe ) { 
   					buildRecipe( recipe );
   					$.each(recipe.links, function( idx, link ) {
   						if (link.rel == "ingredients") {
  -							//getIngredients( link.href );	
  +							getIngredients( link.href );	
   						}
   					});
   				})
  
positive.code: 			return k ? p[k] : p;
  		}
  		
  		function removeIngredient( object ) {
  			console.log("Action here .....");
  		}
  	
  		$(function() {
  			$('#tags').tagEditor({
  			    autocomplete: {
  
negative.code:  				})
  		}
  		
  		function getIngredients( url ) {
  			$.getJSON( url )
  				.done( function( ingredients ) {
  					$.each( ingredients, function( idx, ingredient ) {
  						buildIngredient( ingredient );	
  		        	});
  				})
  				.fail( function( xhr, status, error ) {
     				    var err = status + ", " + error;
    					console.log( "Request Failed: " + err );
    				})
  		}
  		
  		function buildIngredient( ingredient ) {
  			console.log(ingredient.description);	
  
  			li = $( "<li class='ingredient'>");
  			li.attr({
  				"id": ingredient.resourceId
  			});
  			li.appendTo( $("#ingredients" ));
  			
  			rowDiv = $("<div class='w3-row-padding'>");
  			rowDiv.appendTo( li );
  			
  			/* ---------- Quantity */
  			colQuantity = $("<div class='w3-col s3'>");
  			colQuantity.appendTo( rowDiv );
  			inputQuantity = $("<input class='w3-input' type='text' min='1' max='255' name='quantity'>");
  			if ( ingredient.quantity ) {
  				inputQuantity.val( ingredient.quantity );
  			}
  			inputQuantity.appendTo( colQuantity );
  			labelQuantity = $("<label class='w3-text-gray'>");
  			labelQuantity.text( "Quantity" );
  			labelQuantity.appendTo( colQuantity );
  			
  			/* ---------- Description */
  			colDescription = $("<div class='w3-col s4'>");
  			colDescription.appendTo( rowDiv );
  			inputDescription = $("<input class='w3-input' type='text' min='1' max='255' required name='description'>");
  			if ( ingredient.description ) {
  				inputDescription.val( ingredient.description );
  			}
  			inputDescription.appendTo( colDescription );
  			labelDescription = $("<label class='w3-text-gray'>");
  			labelDescription.text( "Description" );
  			labelDescription.appendTo( colDescription );
  			
  			/* ---------- Annotation */
  			colAnnotation = $("<div class='w3-col s4'>");
  			colAnnotation.appendTo( rowDiv );
  			inputAnnotation = $("<input class='w3-input' type='text' min='1' max='255' name='description'>");
  			if ( ingredient.annotation ) {
  				inputAnnotation.val( ingredient.annotation );
  			}
  			inputAnnotation.appendTo( colAnnotation );
  			labelAnnotation = $("<label class='w3-text-gray'>");
  			labelAnnotation.text( "Annotation" );
  			labelAnnotation.appendTo( colAnnotation );
  			
  			/* ---------- Remove-Button */
  			colRemove = $("<div class='w3-col s1'>");
  			colRemove.appendTo( rowDiv );
  			spanRemove = $("<span class='w3-button w3-white w3-xlarge w3-right  w3-light-gray'>&times;</span>")
  			spanRemove.appendTo( colRemove );
  			spanRemove.click( function() {
  				if (ingredient.resourceId) {
  					removeIngredient( ingredient.resourceId );
  				} else {
  					console.log("should be remove ...");
  					spanRemove.closest( $( ".ingredient" ) ).remove();
  				}	
  			})
  		}
  		
  		function buildRecipe( recipe ) {
  			$( "#recipe #uuid").val( recipe.uuid );
  			$( "#recipe #title" ).val( recipe.title );
  			$( "#recipe #preamble" ).val( recipe.preamble );
  			$( "#recipe #noOfPerson" ).val( recipe.noOfPerson );
  			$( "#recipe #preparation" ).val( recipe.preparation );
  			
  			$.each( recipe.tags, function( idx, tag ) {
  				$( "#tags" ).tagEditor( "addTag", tag, false );
          	});
  			console.log( "recipe: " + recipe.title );
  		}
  