Unable to use L.Routing.control of leaflet maps
<p>I am trying to use the sample from here: <a href="http://jsfiddle.net/nathansnider/pu39s9wn/" rel="nofollow noreferrer">http://jsfiddle.net/nathansnider/pu39s9wn/</a></p>

<p>In my local I have the code as shown below:     </p>

<pre><code>&lt;!DOCTYPE html&gt;
    &lt;html lang="en"&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;title&gt;Title&lt;/title&gt;
        &lt;link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" /&gt;
        &lt;link rel="stylesheet" href="leaflet-routing-machine.css" /&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;button class="route-btn" onclick="ResetRoute()"&gt;Reset Button&lt;/button&gt;
    &lt;div id="map" style="height: 500px"&gt;&lt;/div&gt;
    &lt;script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"&gt;&lt;/script&gt;
    &lt;script src="leaflet-routing-machine.js"&gt;&lt;/script&gt;

    &lt;script&gt;
        var map = new L.Map('map').setView([34.07, -118.2], 11);

        L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution: '&amp;copy; &lt;a href="http://osm.org/copyright"&gt;OpenStreetMap&lt;/a&gt; contributors'
        }).addTo(map);

        var route = L.Routing.control({
            plan: L.Routing.plan([
                L.latLng(34.06, -118.25),
                L.latLng(34.02, -118.5)
            ], {
                createMarker: function(i, wp) {
                    return L.marker(wp.latLng, {
                        draggable: true,
                        icon: new L.Icon.Label.Default({ labelText: String.fromCharCode(65 + i) })
                    });
                },
                routeWhileDragging: true
            }),
            fitSelectedRoutes: false,
            routeWhileDragging: true,
            routeDragTimeout: 250,
            showAlternatives: true
        }).addTo(map);


        ResetRoute = function () {
            route.setWaypoints([L.latLng(map.getCenter()), L.latLng(map.getCenter())]);
        }

    &lt;/script&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p>I am getting an error in the developers console:</p>

<pre><code>TypeError: L.Routing is undefined
dire.html:22:9
ReferenceError: ResetRoute is not defined 
</code></pre>

<p>And the route is not shown as stuck for a long time, please point out what is  wrong here?</p>