verifique se a imagem NÃO existe, em seguida, esconda um div

Se houver uma imagem no div, oculte o div. Mas se a imagem existe, então eu preciso manter o div visível.

Mas não está funcionando. Aqui está o meu código:

HTML:

<table id="FeatureBox">
    <tbody>
    <tr>
      <td>
        <div id="productInfoGrid">
          <div id="ProductIconsTitle">
            <p>PRODUCT FEATURES</p>
          </div><img width="563" height="337" src="http://www.preserveshop.co.uk/images/black-jam-jar-lid-58mm.jpg" alt="http://www.preserveshop.co.uk/images/black-jam-jar-lid-58mm.jpg" style="cursor: -moz-zoom-in"><div style="clear:both;"></div>
        </div>
      </td>
    </tr>
  </tbody>

JQUERY:

if ($("#div#productInfoGrid:not(img)").length) {
    $("#productInfoGrid").hide();
}

JSFIDDLE:http://jsfiddle.net/wJgpr/3/

questionAnswers(4)

yourAnswerToTheQuestion