<td class="td-comment" style="text-align: center;">
    <a href="#0" title="Add Comment" class="comment-modalbttn">
       <svg width="30px" height="30px" class="svg-icon">
         <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="{!URLFOR($Resource.SLDS0105, 'assets/icons/utility-sprite/svg/symbols.svg#page')}"></use>
       </svg>
    </a>
    <!-- MBO MODAL -->
    <div>
       <div class="commentmodalcontainer">
           <div class="flex-comment-modal">
              <div class="comment-modal">
                <div class="comment-modal-close"><span>&#43;</span></div>
                  <div class="comment-modal-content">
                    <h2 class="comment-modal-title">Enter Comment</h2>
                    <apex:inputTextarea rows="5" styleClass="comment-modal-input" value="{!line.comment}" />
                  </div>
                  <div class="comment-modal-buttons">
                     <a href="#0">Cancel</a>
                     <a href="#0" onclick="updateJson();">Apply</a>
                  </div>
            </div>
          </div>
        </div>
     </div>
     <!-- END OF MBO MODAL -->
</td>

$('.comment-modal-input').each(function() {
    if ($(this).val()){
        var icon = $(this).parents('td').closest('.svg-icon');
        icon.addClass('active');
    }
});