check if image does NOT exist then hide a div
===

If there is an image in the div then hide the div. But if the image does exist then i need to keep the div visable.

But its not working. Here is my code:

**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>
</table>


**JQUERY:**

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

**JSFIDDLE**:[http://jsfiddle.net/wJgpr/3/][1]


  [1]: http://jsfiddle.net/wJgpr/3/