$(function() {
    $.getJSON(
        "/recipe/recommend/",
        {
            "word": $('input[@name=word]').val()
        },
        function(data, status) 
        {
            rec = '<ul>';
            if (!data) {
                rec += '<li>見つかりませんでした。</li>';
            }
            else {
                $.each(data, function(k, v) {
                    rec += '<li><span class="pic"><img src="/support/recipe/'+v.id+'/photo.jpg" width="101" height="81" alt="'+v.menu+'" /></span><span class="name"><a href="/support/recipe/'+v.id+'/">'+v.menu+'</a></span></li>';
                });
            }
            rec += '</ul>';
            $('#recommend').html(rec);
        }
    );
});