$(document).ready(function() {

    $.each($.getValues("/api/exerciselist"), function(i, item) {
        console.log("Exercisename = " + item.name);
        var newElem = $('<li>'+item.name + ' - ' + item.description + ' - ' + item.keywords +'<button type="button" class="addthisExercise">+</li>');
         $(newElem).data('name', item.name);
         $(newElem).data('datafields', item.datafields);
         console.log("This - " + JSON.stringify($(newElem).data()));
         $(newElem).appendTo('#exerciselist');
         $("button").button();
    });

     $("button.addthisExercise").click(function() {
        console.log("This exercise name li" + JSON.stringify($(this).closest('li').data()));
        var newElem = $('<li class=ui-state-default ><label for="element">elements[0][exerciseID]<br /></label><input name="elements[][exerciseID]" class="element" value="' + $(this).closest('li').data('name') + '"><button type="button" class="addSet">Add Set</button><button type="button" class="delete">Delete Exercise</button><ul class="sets"><li class="set"><label for="element" name="elements[0][splits][0][reps]">elements[0][splits][0][reps]<br /></label><input name="elements[0][splits][0][reps]" class="element"><label for="element" name="elements[0][splits][0][weight]"><br />elements[0][splits][0][weight]<br /></label><input name="elements[0][splits][0][weight]" class="element"><button type="button" class="delete">Delete Set</button></li></ul></li>');
        $(newElem).appendTo('ul#exercises');
        $("button").button();
        $( "ul#exercises" ).sortable( "refresh" );
        $( "ul#sets" ).sortable( "refresh" );
        $('#newworkout').trigger('sortupdate');
      });



});