Why does Page Inspector display unwanted <$A$> tags
<p>I'm using the page inspector debugger in Visual Studio to compete a tutorial on how to use jQuery to display a dialog showing a line of text and a dropdownlist.  </p>

<p>In Page Inspector it appears with random ,  tags around the elements as shown</p>

<p><a href="https://i.stack.imgur.com/i9t5s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/i9t5s.png" alt="enter image description here"></a></p>

<p>This doesn't happen when it it debugged in Chrome, IE etc</p>

<p><a href="https://i.stack.imgur.com/frAkN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/frAkN.png" alt="enter image description here"></a></p>

<p>Has anyone else experienced this before, or have ideas why it might be occurrng.  Is this just a 'feature' or the Page Inspector?</p>

<p>The code used to generate this popup is as follows...</p>

<p>This works by pressing the button <code>btnLookAndFeel</code> on page <code>ItemEdit.cshtml</code> which calls the <code>ListingItemController.EditLookAndFeel</code> method, which returns the partial view <code>EditLookAndFeel.cshtml</code></p>

<p><strong>ItemEdit.cshtml</strong></p>

<pre><code>@section scripts
{
    &lt;script&gt;
        $(function () {
            $('#btnLookAndFeel').click(function () {
                $.get('/ListingItem/EditLookAndFeel',
                    { id: $('#LookAndFeelId').val() },
                    function (data) { $('#divLookAndFeel').html(data).dialog(); });
            });
        });
    &lt;/script&gt;
}
</code></pre>

<p><strong>ListingItemController.cs</strong></p>

<pre><code>public ActionResult EditLookAndFeel(int id)
    {
        var list = _lookAndFeelService.List();
        ViewBag.LookAndFeelList = new SelectList(list, "Id", "Name", id);
        return PartialView();
    }
</code></pre>

<p><strong>EditLookAndFeel.cshtml</strong></p>

<pre><code>&lt;div&gt;
    Please select the Look and Feel: @Html.DropDownList("LookAndFeelList") 
&lt;/div&gt;
</code></pre>