Формирование списков с помощью jQuery

Добрый день. Столкнулся с проблемой в лабораторной работе, никак не могу реализовать часть задания:

Даны 2 кнопки, 3 нумерованных списка с заданными классами (сlass1,class2,class3) : список первых, вторых и третьих блюд (для каждого элемента списка, где будет сформировано 3 меню из 3 блюд, находящихся в заданных списках по такому правилу (прописать заданные условия): у выбранных элементов первого списка id=id3, у второго списка - все id>2 и class!=class1, у третьего - все последние элементы из 3 первоначальных списков. По нажатию на вторую кнопку, первая кнопка должна стать некликабельной, а первые 3 списка - удалиться.

У меня получилось реализоваться только это:

По нажатию на вторую кнопку, первая кнопка должна стать некликабельной, а первые 3 списка - удалиться.

Также удалось только полностью список переносить в другой. Но никак не получилось по условию.

Как реализовать данные условия? Списки новые добавлять через .append(), это я знаю, но как их заполнить по условию? Заранее спасибо

HTML

<div class="button">
    <input type="button" id="btn1" name="btn1" value="1 кнопка">
    <input type="button" id="btn2" name="btn2" value="2 кнопка">    
</div>
<div class="content">
    <ol class="class1">
        <li id="1">Борщ</li>
        <li id="2">Щи</li>
        <li id="3">Гороховый суп</li>
    </ol>
    <ol class="class2">
        <li id="1">Пюре с котлетой</li>
        <li id="2">Вареная рыба</li>
        <li id="3">Омлет</li>
    </ol>
    <ol class="class3">
        <li id="1">Яблочный пирог</li>
        <li id="2">Блинчик со сметаной</li>
        <li id="3">Йогурт</li>
    </ol>
</div>

Удаление списков

$("#btn2").click(function(){
    $(".class1, .class2, .class3").remove();
});

Добавление списка и перенос li

$(function ClickBtn1(){
$("#btn1").click(function(){
    $(".content").append("<ol class="+"classNEW"+">"+"<li>Список</li>"+"</ol>");
    $(".classNEW").append($(".class1>li"));
    //alert("Я работаю!");
});