Hi,

I am new to umbraco and I have been following Warren Buckley's excellent article on creating a responsive estate agent site. http://our.umbraco.org/projects/starter-kits/razor-estate-agents-starter-site. I have followed the article and installed with Webmatrix. I have got the site working but I do not understand how to get the search working. I am unsure how to use the alternative template SearchEstates. The code on the relevant part of my master template is below. I think after the select statement the form that is part of the sidebar should run the JSON snippet but I am unsure how to do this, can anyone help?

I have also added a screen shot of the slidebars that the article refers to.

            <form id="search" action="/search" method="post">
                <h3>Search</h3>
                <label for="location">Location</label>
                <select id="location" name="location">
     
<umbraco:Macro runat="server" language="cshtml">
@{
                            //Select the homepage node & then find the child locations node
                            var homeNode = Model.AncestorOrSelf("Home");
                            var locationsNode = homeNode.DescendantsOrSelf("Locations").First();
                           
                            //For each child pages of the locations node
                            foreach (var page in locationsNode.Children)
                            {
                                <option value="@page.Id">@page.Name</option>
                            }
                        }
</umbraco:Macro>

                </select>
                <label for="price">Price</label>
                <div id="priceSlider" class="slider"></div>
                <input type="text" placeholder="£100,000" id="price" name="price" />
 
                <label for="noRooms">Minimum Bedrooms</label>
                <div id="roomSlider" class="slider"></div>
                <input type="number" min="1" max="10" id="noRooms" name="noRooms" />
 
                <label for="noBathrooms">Minimum Bathrooms</label>
                <div id="bathroomSlider" class="slider"></div>
                <input type="number" min="1" max="10" id="noBathrooms" name="noBathrooms" />
                <input type="submit" value="Search" />
            </form>