How can I create a dynamic page using MVC 3 & C#?
===

I'm at a bit of a loss trying to work out how to create a dynamic (ie changing at run-time) web page - literally have no idea what the best way to go about this is.  The situation:

I am creating an ASP .NET MVC3 web application, and want to create a page where users are creating a `Tariff` object and adding `TariffBand` objects to `Tariff.Bands` - a list of TariffBand objects (class defs below).  Each band requires:

 - a textbox for the lower limit
 - a textbox for the upper limit
 - a textbox for the unit rate

The user will enter the details of each TariffBand in the `/Tariff/Create` view, and ideally I want there to be a button on the page (`"Add another band"`) that will show another set of textboxes for the next band on the tariff.

I understand how to create the textboxes above, but I can't workout how I should edit the view file to meet the requirement above.  Should I be using some partial views?  Or using javascript to inject some HTML?

I'm not looking for any code particularly (although if you want to share some I would be indebted, but rather guidance on the best way to achieve this.  I am ok with razor/c# but n00b with javascript/jQuery.

My final question is: how does one assign values entered in textboxes etc to the view's model attributes without using the @Html.TextboxFor() methods?  Just curious if there is a way to do this.

Any help really appreciated, going little bit mad trying to Google this one!

**Tariff**

    class Tariff
    {
        public int id {get; set;}
        public List<TariffBand> Bands {get; set}
    }

**Tariff bands**

    class TariffBands
    {
        public int Id {get; set;}
        public int UpperLimit  {get; set;}
        public int LowerLimit  {get; set;}
    }

Many thanks,
David
