Hide Element from dom when value is Empty ( ) in jQuery

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        for (var i = 0; i < $('.k-item-title').length; i++) {
            if ($('.k-item-title')[i].innerText.toLowerCase() == '&nbsp;') {
                $('.k-item')[i].style.display = 'none';
            }
        }
    });
</script>
<div>
    <ul class="k-reset k-multicheck-wrap">
        <li class="k-item">
            <label class="k-label">
                <input class="k-check-all" type="checkbox" value="Select All">
                <span class="k-item-title">SelectAll</span>
            </label>
        </li>
        <li class="k-item">
            <label class="k-label">
                <input type="checkbox" value="&amp;nbsp;">
                <span class="k-item-title">&amp;nbsp;</span>
            </label>
        </li>
    </ul>
</div>