anchor.diff:  		</div>
   	</div>
   
  -	<c:forEach items="${catMap}" var="category">
  -		
  -		MajorCategory = ${category.displayName}, urlAddress = ${category.urlAddress}</br>
  -		<c:forEach items="${category.subCategories}" var="subCategory">
  -			SubCategory = ${subCategory.displayName}, idName=${subCategory.idName}</br>
  -		</c:forEach>
  -	</c:forEach>
   
   
   	<!-- JAVASCRIPT SECTION  -->
  
positive.code: 			<div style="float: right">Float:Right within wide_wrap</div>
  			<div>
  				<ul id="accordion">
  					<li>
  						<div class="category">First Catalog Header</div>
  						<ul class=subcategory>
  
negative.code: 			var target = $(event.target);
  			var origin = (target.context.origin);//http://localhost:8080
  			var pathname = (target.context.pathname);
  // 			var selectedSubCategory = target.context.innerText;
  			var selectedSubCategory = $(this).attr('id');
  			var callURL = origin.concat(pathname.concat(selectedSubCategory));
  
  			console.log(selectedSubCategory);
  			console.log(callURL);
  			console.log(target);
  			console.log($(this).attr('id'));
  			//Call product function here
  			 window.location.href=callURL;
  		});
  	</script>
  </body>
  