Jquery to fill Textarea using jquery textfill to its full height not working

Jquery to fill Textarea using jquery textfill to its full height not working

Dear Sir


Jquery to fill Textarea using jquery textfill to its full height not working

Jquery 


I am referring to web p a ge


where in 

html part

  1. <div class="s-12 l-12    "  style="padding-left:0px;" >  
  2.   <div class="s-12 l-12    " style="padding-right:10px;" >
  3.    <div class="s-12 l-6  arhabout"  align="center" style="padding-right:10px;"     >  
  4.    <img src="<?php echo $rows['actualimage'];?>"   ></div>   <!--arh image -->
  5.    <div class="s-12 l-6  arhabout  "     align="justify" id='aarh'    > <!--arh text -->
  6.       <?php echo $rows['detail'];?> 
  7.       </div>       
  8.                       
  9.  </div>
  10.   </div>

Jquery to sent height of class "arhabout" of same height

in short JQUERY set height of image and text to same height

 
  1.  $('#aarh').css('background-color','#DBEBBC'); <!-- dummy coluring of text part check the height is same -->

  3.  var maxHeight=0; 
  4. $('.arhabout').each(function() { 
  5.     maxHeight = Math.max(maxHeight, $(this).height()); 
  6.  
  7. }).height(maxHeight);

This works fine refer following snap shot






After this I tried which is not working pls help

  1. $(function() {
  2.     $('#aarh').textfill({
  3.         maxFontPixels: 0
  4.     });
  5. });


  1.  <div class="s-12 l-6  arhabout"  align="center" style="padding-right:10px;"     >  
  2.    <img src="<?php echo $rows['actualimage'];?>"   ></div>   <!--arh image -->
  3.    <div class="s-12 l-6  arhabout  "     align="justify" id='aarh'    > <!--arh text -->
  4.       <?php echo $rows['detail'];?> 
  5.       </div>