title: Move a div if the height of another div is greater than value (with jquery)
body: <p>See the image below. This illustrates what I am trying to achieve. I am sure it is possible with jquery but do not have the expertise to write it.</p>
  
  <p>What i want is that if 'DIV A'(shown in green) has a height lower than a set PX value (for example if div A's height is smaller than 300px) then 'DIV B' (shown in red) should move the the second position. If DIV A's height is greater then that value then DIV A should simply remain in place and not be moved.</p>
  
  <p><img src="https://i.stack.imgur.com/fmIGB.png" alt="What i want to achieve"></p>
  
  <p>I started a fiddle here: <a href="http://jsfiddle.net/qwcpokdL/" rel="nofollow noreferrer">http://jsfiddle.net/qwcpokdL/</a></p>
  
  <p>example code:
      
      
      
      B
      </p>
  
  <pre><code>&lt;div class="right"&gt;
  &lt;div class="B"&gt;A&lt;/div&gt;   
  &lt;/div&gt;
  </code></pre>
  
  <p>example css:</p>
  
  <pre><code>.left, .right {width:49%; border: 1px solid #000; margin:1px; min-height:600px}
  .left {float:left;}
  .right {float:right;}
  .somediv, .somediv2 {width:98%; height:125px; border:1px solid #ccc; margin:2px}
  
  .A {background:red; width:98%%; height:150px; margin:2px}
  .B {background:green; width:98%; height:100px; margin:2px}
  </code></pre>
  
  <p>Thanks in advance for help!</p>