title: Javascript localStorage not reciving input from form
body: <p>I am working on saving data from a HTML form to localStorage.</p>
  
  <p>Here is my code so far</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;form onSubmit="newRecipe()"&gt;
    Recipe Name:&lt;br&gt;
    &lt;input type="text" value="Recipe" name="Recipe"&gt;&lt;br&gt;
    Ingredients:&lt;br&gt;
    &lt;input type="text" name="Ingredients" value="Ingredients"&gt;&lt;br&gt;&lt;br&gt;
    &lt;input type="submit" value="Submit"&gt;
  &lt;/form&gt; 
  </code></pre>
  
  <p>JavaScript </p>
  
  <pre><code>function newRecipe(){
       var inputrecipe= document.getElementById("Recipe");
       localStorage.setItem("Recipe", JSON.stringify(Recipe));
  
    var inputingredients= document.getElementById("Ingredients");
    localStorage.setItem("Ingredients", inputingredients.value, JSON.stringify(testObject));
      }
  document.getElementById("test").innerHTML = localStorage.getItem("Recipe"); 
  </code></pre>
  
  <p>What am I doing wrong? when I submit the form I get a white screen and no localStorage save</p>