JS

$(document).ready(function(){

$.fn.getitems = function(cat) {

    var targetdiv = $(this);

    $.ajax({
        type: "GET" ,
        url: "xml/menu_items.xml" ,
        dataType: "xml" ,
        success: function(xmldata) {

            var items = $(xmldata).find('item');

            items.each(function(index){

                var category = $(this).find('category').text();

                if( category == cat ){

                    var name = $(this).find('name').text();
                    var details = $(this).find('details').text();
                    var price = $(this).find('price').text();
                    var image = $(this).find('image').text();

                    var item_div = $('<div class="col-md-4 col-sm-6 hero-feature">');
                    $(targetdiv).append(item_div);

                    var thumb_div = $('<div class="thumbnail">');
                    $(item_div).append(thumb_div);

                    var img_div = $('<img src="images/' + image + '" alt="">');
                    $(thumb_div).append(img_div);

                    var caption_div = $('<div class="caption">');
                    $(thumb_div).append(caption_div);

                    var h3_div = $('<h3>' + name + ' - ' + price + '</h3>');
                    $(caption_div).append(h3_div);

                    var p_div = $('<p>' + details + '</p>');
                    $(caption_div).append(p_div);

                }
            });
        }

    });
}

$("#pasta-container").getitems('Pasta');
$("#pizza-container").getitems('Pizza');
$("#beverage-container").getitems('Beverage');

})