Nested Inputs

Nested Inputs

Being new to web development, I have run into an issue.  Not sure if this is correct place to ask, but I figure that if I start here someone will tell me if I am wrong.

I am trying to write a web page that has nested text boxes that can be added dynamically.  As an example, let's think of a recipe.  The recipe can have different steps (aka marinade, main cooking, gravy preparation, etc).  Each of these individual steps can also have a different ingredients for them.

So sticking with the above example, I would need to allow the user to dynamically add a different step, and within each of those steps, dynamically add ingredients.

Has anyone see this done, have any ideas on where to start looking, or what it would take to accomplish this?  Can this even be done with jQuery?  If not, is there something else that can do it, or am I just SOL?

Thanks for the help in advance.  I appreciate it.

Sincerely

FraggleRock