How to route to your actioname without Error/Application?

Question

Hi Team

 

I am struggling to route to my page, what could i be missing below? I keep on getting this Error/Application.

 // Route to Courses.

            routes.MapRoute(
                name:"Courses",
                url:"courses-registration/",
                defaults: new {controller="Home", action="CoursesRegistration", url=UrlParameter.Optional}

            );

 //GET/Courses-List
        public ActionResult CoursesRegistration()
        {
            return View();
        }

<div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <a class="btn btn-large btn-success" id="fire" href="@Url.Action("Courses-Registration","Home")">Create Courses</a>
                        <script type="text/javascript">
                            $('#fire').on('click', function (e) {



                            });
                            </script>
</div>