jQuery append

by Katarina Countiss

HTML

To do
<ul id="to-do">
    <li>Feed the cat</li>
    <li>Clean the house</li>
    <li>Buy milk</li>
    <li>Learn JQuery</li>
</ul>
In Progress
<ul id="inprogress">
</ul>

Needs Help
<ul id="needs-help">
</ul>

Needs Review
<ul id="needs-review">
</ul>

Done
<ul id="done">
</ul>

CSS

li {
    cursor:pointer
}
}
#done li {
    text-decoration:strike-through;
}

JavaScript

// this code is for a to do list that arranges tasks by type

$("#to-do li").click(markInProgress);

function markInProgress() {
    $(this).appendTo("#inprogress");
}

$("#inprogress li").click(markNeedsHelp);

function markNeedsHelp() {
    $(this).appendTo("#needs-help");
}

$("#needs-help li").click(markNeedsReview);

function markNeedsReview() {
    $(this).appendTo("#needs-review");
}

$("#needs-review li").click(markDone);

function markDone() {
    $(this).appendTo("#done");
}