title: Change value of CSS item
body: <p>sorry I am new to this and having a problem getting the right code in place.</p>
  <p>I am trying to change the background color of a custom marker in leaflet.js. I basically need to change the value of the CSS element. I have the CSS and how I am using it. I want to change the <code>background-color</code> on the .pin within the code, not CSS.</p>
  <p>I have tried samples on here and jquery but get errors.</p>
  <p>The CSS is:</p>
  <pre><code>.location-pin {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
  }
  .location-pin img {
    width: 46px;
    height: 46px;
    margin: -26px 0 0 -13px;
    z-index: 10;
    position: absolute;
    border-radius: 50%;
  
    background: #32383e;
  }
  .pin {
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 0;
    background: #32383e;
    position: absolute;
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -43px 0 0 -30px;
  }
  </code></pre>
  <p>And is the JS for using it:</p>
  <pre><code>var client = L.divIcon({
              className: 'location-pin',          
              html: '&lt;img id&quot;operatorimg&quot; src=&quot;img/test.jpg&quot;&gt;&lt;div class=&quot;pin&quot;&gt;&lt;/div&gt;',
              iconSize: [30, 30],
              iconAnchor: [18, 30]
      });
      
      var marker = L.marker(new L.LatLng(a[0], a[1]), {
          icon: client,
          title: title
      });
      marker.bindPopup(title);
      markers.addLayer(marker);
  }
  
  map.addLayer(markers);
  </code></pre>
  <p>I have tried</p>
  <pre><code>$(&quot;pin&quot;).css(&quot;background:black&quot;);
  </code></pre>
  <p>but does not work? Any help would be appreciated, thank you, and sorry if I haven't explained it correctly or put it on here right, the first time I have used it. Thanks</p>