Knockout JS Image Binding Question

[teddie]

Why doesn't the third img tag work? The first one writes out "~/Images/Available.png". The second one produces an image. The third produces an X. What can I do to correct it?

<tbody data-bind="foreach: observableApplication">
<tr>

<td data-bind="text: statusImage"></td>

<td><img src="~/Images/Available.png"style="width:80%;height:80%"></td>

<td><img src="~/Images/bullet.png" data-bind="attr: { src: statusImage }"/></td>

</tr>
</tbody>