как изменить ниже указаны код, чтоб выводил бы значение тега span (A 1, B 2, ...)?
$(document).ready(function() {
$('.sum_value input').click(function() {
$('#options_value').html('');
$('input:checkbox:checked').each(function() {
$('#options_value').append($(this).val() + '<br>');
});
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="grid_css">
<div class="column_1">
<ul id="accordion">
<li>
<div class="line_All_green">
<div class="sum_value">
<div id="1" class="table-td">
<input type="checkbox" value="11111" id="1_1"><span>A 1</span><noscript>aaa111</noscript>
</div>
<div id="2" class="table-td">
<input type="checkbox" value="22222" id="2_2"><span>B 2</span><noscript>bbb222</noscript>
</div>
<div id="3" class="table-td">
<input type="checkbox" value="33333" id="3_3"><span>C 3</span><noscript>ccc333</noscript>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="column_2">
<div class="options_sum" id="options_sum">Sum: <span></span></div>Span:
<div class="options_value" id="options_value">
<p id="options_value" class="options_value"></p>
</div>
<button id="button1" class="button1" > Copy </button>
</div>
</div>
</div>