UserAgent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

Steps to reproduce the problem:
Here is my html file:

<select id="drop-down"> 
<option value="1" title="East">East</option>
<option value="1" title="West">West</option> 
<option value="0" title="North">North</option>
<option value="1" title="South">South</option>
</select>

In my JavaScript code:
Line1: $("#drop-down option:selected").text();
Line2: console.log("It doesn't stop in here");

If you have a breakpoint in chrome on the Line1 [$("#drop-down option:selected").text();] and step over using F10, it rushes through the rest of the lines instead of stopping the execution on the next line at Line2.

Here is the working sample of this fiddle https://jsfiddle.net/37ayo94y/. 

What is the expected behavior?
It should have stopped on the line two but instead it rushes through the rest of the code.

What went wrong?
It executes the rest of the code.

Did this work before? No 

Chrome version: <Copy from: 'about:version'>  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: Shockwave Flash 21.0 r0

It worked well in IE.