Javascript localStorage not reciving input from form
<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>