Resource with nested resource not loading on back button when using render

I have my emberjs code in the following jsbin,

I am trying to have “search” resource nested inside my “cars” resource, as I want the route to be cars/search . I have used renderTemplate to load the search resource in the application outlet to replace the cars template rendered.

App.SearchRoute = Ember.Route.extend({
    renderTemplate: function () {
        this.render('search', { into: 'application' });

This works fine except that on clicking back button on search route is loading a empty cars route.This happens only when the above renderTemplate code is added to the SearchRoute.