javascript - Image with href binding won't work -

I have it and it works (it shows links with text and icons):

< Pre> & lt; TR & gt; & Lt; Th & gt; & Lt; A href = ";" Data-bind = "click: sortReport.bind ($ data, 'date by')" & gt; Date & lt; Img src = '@ Url.Content ("~ / assets / images / icons / sort_asc.png")' / & gt; & Lt; / A & gt; & Lt; / Th & gt; & Lt; / TR & gt;

but this icon will not show (if I extract text: $ data .name, this will show the icon):

  & lt; Thead & gt; & Lt; Tr data-bind = "foreach: tableHeaderNames" & gt; & Lt; Th & gt; & Lt; A href = ";" Data-bind = "text: $ data.Name, click: $ parent.sortReport.bind ($ data, 'date')" & gt; & Lt; Img src = '@ Url.Content ("~ / assets / images / icons / sort_asc.png")' / & gt; & Lt; / A & gt; & Lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt;  

What can I do? (TNX)

Why can not you use a square for the icon?

Or can you do something like this?

  & lt; Thead & gt; & Lt; Tr data-bind = "foreach: tableHeaderNames" & gt; & Lt; Th & gt; & Lt; A href = ";" Data-bind = "click: $ parent.sortReport.bind ($ data, 'date')" & gt; & Lt; Img src = '@ Url.Content ("~ / assets / images / icons / sort_asc.png")' / & gt; & Lt; Span data-bind = "text: $ data.Name" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt;