I have what (to me) looks like a pretty basic nested loop. Except the outer loop is only firing the first time:

```
var js_recipes = <?php echo json_encode($recipesArray); ?>;
console.log("there are " + js_recipes.length + " recipes"); //console confirms 2

for (var i = 0; i < js_recipes.length; i++) {
    console.log("adding recipe"); //only fires once
    js_recipe = js_recipes[i];

    //add each ingredient
    for (var i = 0; i < js_recipe.ingredients.length; i++) {
        console.log("adding ing"); //fires multiple times for first recipe
    };
};
console.log("looping complete");//fires ok

```

The console output is:

```
There are 2 recipes
adding recipe
adding ing
adding ing
adding ing
adding ing
looping complete

```

I must be missing something simple, but why am I only iterating over the first recipe?