Binding Test

HTML

<link rel="stylesheet" href="http://babackofficedev.radolo.com/kendo/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://babackofficedev.radolo.com/Kendo/Styles/kendo.flat.min.css">
<script src="http://babackofficedev.radolo.com/Kendo/js/jquery.min.js"></script>
<script src="http://babackofficedev.radolo.com/Kendo/js/kendo.all.min.js"></script>
<div id="homeworkContent">
   <ul>
    <li> Math:
       <span id="math" contenteditable="true">Here is the element's original content</span>
    </li>
    <li>Science:
    <span id="science" contenteditable="true">Here is the element's original content</span>     
       </li>
       </ul>
    </div>
<input type="button" value="Save my Edits" onclick=saveEdits />

JavaScript

function saveEdits(){
	//get the editable element
    var savedHomework = {}; 
    savedHomework.Math = document.getElementById("math").innerHTML;
    savedHomework.Science = document.getElementById("science").innerHTML;     
	//get the edited element content
	//var userVersionM = editElem.innerHTML;
	//save the content to local storage
	localStorage.userEdits = savedHomework;
	//write a confirmation to the user
	alert("Homework has been saved!"); 
    console.warn("This is the homework", savedHomework); 
        };