Trying to remove children DIV elements of a parent with certain attribute. I have it half working, but with the below code, it doesn't find the children

**HTML**

```
<div id="PremiumGiftContainer" class="PremiumGiftContainer">

     <div class='message' is-vip='false'>
      <p>FALSE</p>
    </div> 

    <div class='message'  is-vip='false'>
      <p>FALSE</p>
    </div>

    <div class='message'  is-vip='true'>
      <p>TRUE</p>
    </div>

</div>

<button id="button">Remove</button>

```

**JQUERY**

```
$("button").on("click", function(){
  remove_element();
})

function remove_element(){

      $('#PremiumGiftContainer').children(function () {

        $("[is-vip]").each(function(){
          if($(this).attr('is-vip')=='true'){
            $(this).fadeOut();
          }
        });

      })
}

```

**[FIDDLE](https://jsfiddle.net/SteveV/yoj4n2mk/)**

If I remove the **$('#PremiumGiftContainer').children...** section, it works, but I was trying to limit the scope of the search that needs to happen to find the correct switches. 

Is what I'm trying to do achievable?