title: copy background-image from one div to another
body: <p>I have multiple divs that may be considered as buttons with different background-image and css file with styles like:</p>
  
  <pre><code>#button1 { background-image: url('../images/abc.png) }
  #button2 { background-image: url('../images/def.png) }
  #button3 { background-image: url('../images/ghi.png) }
  </code></pre>
  
  <p>Each button also is part of class .button.</p>
  
  <p>I also have a div with class "popup". If I click any button it has added new class: isActive. </p>
  
  <p>I want to read background-image of button that has "isActive" class and put it to "popup" div.</p>
  
  <p>I wanted to do sth like this with jQuery:</p>
  
  <pre><code>var bg;
  bg = $('.isActive').css('background-image')
  console.log(bg)
  $('.popup').css('background-image', bg )
  </code></pre>
  
  <p>Unfortunately, console.log returns bg that contains:</p>
  
  <blockquote>
    <p>file:///C:/Users/me/projects/images/abc.png</p>
  </blockquote>
  
  <p>is there an elegant way to copy not full path with "file://" and so on, just "../images/abc.png", as I defined in css? </p>