jquery theme change

by jayhilwig

HTML

<body class="default">
    <form>
        <input id="default_theme" type="radio" name="theme" value="default" checked> Default
        <br>
        <input id="green_theme" type="radio" name="theme" value="Green"> Green</form>
    
    <body>

CSS

.default {
    background-color: blue;
}
.green {
    background-color: #00ff00;
}
body {
    padding:10px;
    color:#ffffff
}

JavaScript

$("#green_theme").click(

function () {
    $("body").removeClass();
    $("body").addClass("green");
});

$("#default_theme").click(

function () {
    $("body").removeClass();
    $("body").addClass("default");
});