Sadly, I need to use JS to set `col-1` (static) to the same height as a text container `col-2` (dyanmic).

I've tried:

```
$(function () {

    var article = $('section.inner-services article');

    $(article).each(function( index ) {

        var textColHeight = $('section.inner-services article .col-2').height();
        var figureCol  = $('section.inner-services article .col-1');
        $(figureCol).css('height', textColHeight);
        console.log(index);

    });

});

```

My HTML markup is (Simplified):

```
<section class="inner-services"> 
    <article> 
        <col-1> 
        <col-2> 
    </article> 
</section> 

```

This does not loop through each `article` as expected and set `col-1` height to the height of `col-2`.

Please briefly explain where I have gone wrong if possible.