jquery保持两个div彼此相邻的高度？

Question

容器流体主div下有两个div，有两个id，一个是左边，另一个是右边。现在我想设置右边div的图像，与左边对齐每个窗口大小的div。所以我尝试了jquery，但没有解决问题，请建议我代码。

<div class="container-fluid" >
            <div class="row wrap" >
                <div class="col-lg-6 "  id="left">
                    <div class=" row  text_div1 " id="left_div1">
                        <div class="col-xs-offset-1 col-lg-12 col-xs-11" id="reding2">
                            <p>PROJECT NAME</p>
                        </div>
                        <div class="col-xs-offset-1 col-lg-10 col-md-10 col-sm-10 col-xs-11 " id="digital3">
                            <p class="my_font">This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id pharetra, erat sed fermentum feugiat.
                            </p>
                            <p class="my_font">This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id pharetra, erat sed fermentum feugiat.
                            </p>
                        </div>
                        <!-- Social Icons Starts Below-->
                        <div class="col-lg-10 col-md-8 col-sm-8 col-xs-12 social">
                            <div class="row " >
                                <div class="col-lg-4 col-md-2 col-sm-3 col-xs-12 bg_share center-block main">
                                    <p class="text-center" style="font-size:18px;font-weight:bold;">SHARE</p>
                                </div>
                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 bg_fb">
                                    <img class="center-block" src="images/fb1.png" alt="IMG">
                                </div>
                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 bg_twitter">
                                    <img class="center-block" src="images/twitter.png"  alt="IMG">
                                </div>
                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-12 bg_mail">
                                    <img class="center-block" src="images/mail.png" alt="IMG">
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <!-- Social Icons Ends Above-->
                        <div class="clearfix"></div>
                    </div>
                    <div class="row" >
                        <div class="row1  icon-thumbs-up " id="left_div2" >
                            <img src="images/portfoliocoffee.jpg" width="100%" alt="img" id="img2"> 
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="col-lg-6 row1 " id="right">
                    <img   src="images/portfolio5.jpg" width="100%" height="100%" alt="img2" id="img1" > 
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>